Guides Components Blocks Templates 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 · Chat

AI ConversationNew AI Prompt InputNew AI MessageNew AI ResponseNew AI SuggestionsNew AI LoaderNew Agent Avatar AI Branch AI CitationNew AI SourcesNew

AI · Agent

AI ReasoningNew AI Tool CallNew AI Task ListNew AI ApprovalNew AI DiffNew AI ArtifactNew AI Context MeterNew

AI · Orbs

Siri Orb AI Orb FaceNew

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 Morph Surface Number Flow Photo Stack Phototab Power Off Slide Price Flow Reviews Carousel Rich Popover Scrubber Scrollable Card Stack Social Selector Switchboard Card User Account Avatar

Sparkbites

Inspiration directory for your next project

/UI Components

UI Components

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

Last updated: August 2, 2026

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

Navigate

ComponentsBlocksTemplatesDynamic IslandAI Prompt InputSiri OrbInfinite Slider

Develop

Getting StartedInstallationAnimationsAccessibilityChangelog

By the maker

sparkbites.devcodevator.devthegridcn.comui-craft

© 2026 SmoothUI. Built by Eduardo Calvo.