Price Flow

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

Open in v0~8.2 kB

Last updated: April 21, 2026

2255€

Installation

npx smoothui-cli add price-flow

Features

  • Smooth number swaps for pricing
  • Works with monthly/annual toggles
  • Locale formatting
  • Accessible labeling

Accessibility

Reduced Motion

This component does not currently support the prefers-reduced-motion media query. Digit slide animations will play regardless of user preference.

Props

Power Off Slide

Animated React power-off slider component with iOS-style drag-to-confirm interaction, spring physics, and accessible states.

Reviews Carousel

An elegant carousel component for displaying testimonials and reviews with smooth spring animations and keyboard navigation.

On this page

Installation
Features
Accessibility
Reduced Motion
Props

Created by

Edu Calvo's avatar
Edu Calvo
Open source & free

Support SmoothUI

Help keep SmoothUI free and actively maintained. Every sponsor helps ship more components, blocks, and animation recipes.

Become a sponsorGitHubStar on GitHub