Guides Components Blocks Community

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

Blur Out Up Bottom Up Letters Depth Parallax Words Fade Through Focus Blur Resolve Kinetic Center Build Line-by-Line Slide Mask Reveal Up Micro Scale Fade Per Character Rise Per Word Crossfade Reveal Text Scale Down Fade Scramble Hover Scroll Reveal Paragraph Shared Axis X Word Cut Staircase Shared Axis Z Shimmer Sweep Shine Text Short Slide Down Short Slide Right Soft Blur In Spring Scale In Stagger From Center Stagger From Edges Top Down Letters Typewriter Text Wave Text

AI

Agent Avatar AI Branch AI Input

Transitions

Aperture Blur Transition Chroma Blur Transition Organic Merge Transition Prism Sweep Transition Radial Circles Transition SDF Blob Transition SDF Circle Transition Circle Reveal Transition Luma Ribbons Transition Noise Gate Transition Planetary Swirl Transition Noise Push Transition Stripe Shutter Transition Shader Reveal Transition Displacement Wipe Transition Zoom Wash Transition Warped Circle Transition

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 Photo Stack 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: June 1, 2026

Accordion

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

Animated React components with smooth Motion animations. Drop-in shadcn/ui compatible.

Navigate

ComponentsBlocksDynamic IslandAI InputSiri OrbInfinite Slider

Develop

Getting StartedInstallationAnimationsAccessibilityChangelog

By the maker

sparkbites.devcodevator.devthegridcn.comui-craft

© 2026 SmoothUI. Built by Eduardo Calvo.