Billing toggle

A monthly and yearly switch with a savings badge and prices that roll to the new amount.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/billing-toggle.json

Files

• registry/components/billing-toggle/billing-toggle.tsx
• registry/components/billing-toggle/billing-toggle.module.css
• registry/components/animated-counter/animated-counter.tsx
• registry/components/animated-counter/animated-counter.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Commerce Components
• React Commerce Components
• Animated Commerce Components
• Input Components
• React Input Components
• Animated Input Components
• Segmented Control Components
• React Segmented Control Components
• Animated Segmented Control Components
• Subscription Toggle Components
• React Subscription Toggle Components
• Animated Subscription Toggle Components

More from Arc Library

• Segmented control
• Toggle group
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group
• Badge