Accordion

Animated React accordion with smooth expand/collapse transitions. Accessible, keyboard-navigable FAQ component built on Radix UI with Motion animations.

Open in v0

Last updated: January 29, 2026

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

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

React text input with smooth focus animations, floating labels, and visual feedback. Modern form input component with Motion transitions for better UX.

On this page

Installation
Features
Props

Powered by

lucide.dev
motion.dev