Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Price Flow

Price Flow

Pro

Animated React pricing component with smooth number transitions for monthly and annual plan toggles with locale formatting support.

Category: Charts & numbers
Built with: React, Tailwind
Installs: clsx tailwind-merge
Files: price-flow.tsx + 1 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeActivity Dither Heatmap

FreeAnimated Circular Progress Bar

Number Animation Digit Swap

Number Animation Number Ticker