Detent

Detent — Pricing, Made Physical.

A pricing section that feels like a precision instrument.

Detent reimagines SaaS pricing as a tactile, interactive experience. At its center is a finely detailed metallic rotary dial — an instrument visitors can turn, flick, and explore to navigate pricing tiers and watch the numbers respond.

Inspired by industrial hardware and precision engineering, Detent brings physical character to an otherwise ordinary digital interaction.

The Experience

• Rotary Interaction — A tactile, physics-driven dial that responds to user input.

• Dynamic Pricing — Animated numerical displays that react to pricing changes.

• Interactive Plans — Explore different pricing tiers through direct interaction.

• Billing Controls — Switch between monthly and yearly pricing.

• Mechanical Character — Brushed-metal detailing, precise visual feedback, orange accents, and sound.

• Framer Customization — Configure the component through its available property controls.

Designed For

SaaS products, AI platforms, fintech websites, usage-based pricing, and digital experiences where interaction matters as much as presentation.

What's Included

One standalone Detent Framer Code Component, delivered through a component installation link after purchase.

The full demonstration website and other components are not included.