SmoothUI

Animated Input

An input component with smooth animations and visual feedback.

Open in v0

Last updated: November 8, 2025

Animated Input Examples

Try focusing on the inputs to see the label animation!

Installation

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

Features

  • Smooth focus animations
  • Floating label support
  • Visual feedback on interaction
  • Customizable animation timing
  • Built with Framer Motion
  • Accessible form input

Props

Prop

Type

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Animated Progress Bar

A progress bar component with smooth animations and customizable styling.

On this page

Installation
Features
Props

Powered by

motion.dev
lucide.dev