Guide

Basic UI

Accordion Animated File Upload Animated Input Animated Progress Bar Animated Stepper Animated Tabs Animated Toggle Animated Tooltip Basic Dropdown Basic Modal Basic Toast Checkbox Combobox Context Menu Dialog Drawer Dropdown Menu Form Notification Badge Radio Group Searchable Dropdown Select Skeleton Tweet Card

Navigation

Breadcrumb Pagination

Button

Smooth Button Button Copy Clip Corners Button Dot Morph Button Magnetic Button

Text

Reveal Text Scramble Hover Scroll Reveal Paragraph Typewriter Text Wave Text

AI

Agent Avatar AI Branch AI Input

Others

Animated Avatar Group Product Card Animated OTP Input Animated Tags App Download Stack Apple Invites Book Contribution Graph Cursor Follow Dynamic Island Expandable Cards Exposure Slider Figma Comment GitHub Stars Animation Glow Hover Cards Gooey Popover Grid Loader Image Metadata Preview Infinite Slider Interactive Image Selector Job Listing Component Number Flow Phototab Power Off Slide Price Flow Reviews Carousel Rich Popover Scrubber Scrollable Card Stack Siri Orb Social Selector Switchboard Card User Account Avatar

Sparkbites

Inspiration directory for your next project

UI Components

Browse 50+ production-ready animated React components with Motion, GSAP, and Tailwind CSS. Fully accessible and customizable.

Last updated: April 16, 2026

Accordion

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