SmoothUI

Accordion

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

Open in v0

Last updated: November 27, 2025

Frequently Asked Questions

SmoothUI is a collection of beautifully animated React components built with Framer Motion and Tailwind CSS.

Each component is designed with smooth animations and modern design principles in mind.

Installation

pnpm dlx shadcn add @smoothui/basic-accordion
npx shadcn@latest add @smoothui/basic-accordion
yarn dlx shadcn add @smoothui/basic-accordion
bunx shadcn add @smoothui/basic-accordion

Features

  • Collapsible content sections
  • Keyboard navigation support
  • Customizable styling
  • Single or multiple item selection
  • Smooth animations
  • Built on Radix UI Accordion

Props

Prop

Type

UI Components

Browse 40+ production-ready React components with smooth animations. Buttons, inputs, modals, cards, and more. Built with TypeScript, Framer Motion, and Tailwind CSS. Fully accessible and customizable.

Animated Input

An input component with smooth animations and visual feedback.

On this page

Installation
Features
Props

Powered by

lucide.dev
motion.dev