Skip to content

Component library · 116 components

Free UI components for React. Copy the file or install with one command.

Buttons, forms, tables, heroes, Liquid Glass and shaders. Every preview is the real component file, and CI checks that the installed version looks identical.

  • Zero dependencies
  • SSR-safe
  • Keyboard accessible
  • MIT

Pricing. Pricing sections for React: plan toggles, calculators, receipts and menus.

7 items
Pricing Tiers Toggle, pricing preview: React pricing section with three plans, a monthly and yearly toggle, odometer prices and a set-apart…

Pricing Tiers Toggle

React pricing section with three plans, a monthly and yearly toggle, odometer prices and a set-apart recommended plan.

  • pricing
  • plans
  • toggle
  • odometer
  • saas
Usage Calculator, pricing preview: Usage-based pricing calculator: snapping sliders price every plan at once, flag the cheapest and animate an…

Usage Calculator

Usage-based pricing calculator: snapping sliders price every plan at once, flag the cheapest and animate an itemised bill.

Membership Card, pricing preview: Single plan pricing as a membership card: spring 3D tilt, flips over, with honest included and excluded lists

Membership Card

Single plan pricing as a membership card: spring 3D tilt, flips over, with honest included and excluded lists.

Menu Pricing, pricing preview: Pricing section styled as a printed menu for a coffee subscription: dotted leaders, size columns and a…

Menu Pricing

Pricing section styled as a printed menu for a coffee subscription: dotted leaders, size columns and a pen-circled pick.

Seat Stepper Pricing, pricing preview: Per-seat pricing stepper with hold-to-accelerate, a volume-discount scale, next price break flag and a sales…

Seat Stepper Pricing

Per-seat pricing stepper with hold-to-accelerate, a volume-discount scale, next price break flag and a sales handoff past 250.

Receipt Pricing, pricing preview: Pricing section as till receipts for studio retainers: pick one and the itemised order, VAT and barcode feed…

Receipt Pricing

Pricing section as till receipts for studio retainers: pick one and the itemised order, VAT and barcode feed out line by line.

Pricing Plan Carousel, pricing preview: Pricing plan carousel for mobile: snap-scrolling fitness plans that become a row on desktop, with a trial…

Pricing Plan Carousel

Pricing plan carousel for mobile: snap-scrolling fitness plans that become a row on desktop, with a trial timeline.