SmoothUI

Animated Progress Bar

A progress bar component with smooth animations and customizable styling.

Open in v0

Last updated: November 8, 2025

Progress: 40%
Custom Color

Installation

pnpm dlx shadcn add @smoothui/animated-progress-bar
npx shadcn@latest add @smoothui/animated-progress-bar
yarn dlx shadcn add @smoothui/animated-progress-bar
bunx shadcn add @smoothui/animated-progress-bar

Features

  • Smooth progress animations
  • Customizable colors and styling
  • Multiple animation types
  • Built with Framer Motion
  • Responsive design
  • Accessibility support

Props

Prop

Type

Animated Input

An input component with smooth animations and visual feedback.

Basic Dropdown

A simple dropdown menu with label, items, and change callbacks.

On this page

Installation
Features
Props

Powered by

motion.dev