Odometer Pricing

Show Preview
Odometer Pricing
Odometer Pricing

About Odometer Pricing

A pricing section with a Monthly / Yearly switch. Flip it and every price rolls to the new number digit by digit, like an odometer, with a small stagger between columns.

  • Any number of plans, each plan a flat colour band, one can be Featured (ink tag)

  • Features: one per line in a text field

  • Currency, suffix, billing notes, badge ("Save 20%") and button links in the property panel

  • Roll time, stagger, gap, radius, band colours (or one colour per plan), ink and font

  • Cards wrap to one column on phones, keyboard accessible radio switch, screen readers get the plain price, respects reduced motion, static on the canvas

Free component, so refunds don't apply.

From Francisc Toth

Grid Scan FX
Shutter Slider
Bar Chart Diagram
Team Card Flip

Related Components

Interactive Footer
AK Services Section
Sticky Editorial
Chapters Timeline