Accordion

Layout

Collapsible content sections with smooth expand/collapse animations.

Dependencies:

framer-motion

Full

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { Accordion } from '@/components/Accordion'

Smooth auto-playing carousel with infinite scroll, pause on hover, and customizable speed.

Slide-in panel from any edge of the screen, perfect for navigation menus, settings panels, and side content.

Modern bento-style grid layout with animated cards. Perfect for feature showcases and dashboards.