React Subscription Toggle Components
Dev Design Library indexes 7 React subscription toggle components from 6 open-source UI libraries, with the most coming from uselayouts, OpenSourceUI, Arc Library, UI Lab and Velora UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Subscription toggle components belong to the Commerce group.
Tabs 13 - Billing ToggleShadcn Space · ReactMonthly and yearly billing tabs with a savings badge and animated pricing cards.
Toggle Pricing CardsOpenSourceUI · React
Pricing Carduselayouts · ReactA focused pricing card layout with clear hierarchy.
Billing toggleArc Library · ReactA monthly and yearly switch with a savings badge and prices that roll to the new amount.
Pricing ToggleUI Lab · ReactEach digit rolls to its new price on its own, and new digits grow in.
Three-tier pricingVelora UI · ReactThree plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan.
Slide Subscribeuselayouts · ReactPick a billing period, then slide to start a trial.