Guides Components Blocks Templates Community

Guide

Basic UI

Accordion Animated File Upload Animated Input Animated List Animated Number Input Animated Progress Bar Animated Stepper Animated Tabs Animated Toggle Animated Tooltip Auth Form Basic Dropdown Basic Modal Basic Toast Checkbox Code Block Combobox Context Menu Country Dialog Dialog Drawer Dropdown Menu Duration Picker Favicon Search File Tree Form Notification Badge Pinned List Radio Group Searchable Dropdown Select Skeleton Theme Toggle Tweet Card

Navigation

Breadcrumb Dock Expandable Navbar Floating Navbar Morph Icon 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 Gravity Letters Kinetic Center Build Kinetic Type Scroll Line-by-Line Slide Mask Reveal Up Micro Scale Fade Per Character Rise Per Word Crossfade Perspective Text 3D Reveal Text Rolling 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 Text Morph Top Down Letters Typewriter Text Wave Text

AI · Chat

AI Conversation AI Prompt Input AI Message AI Response AI Suggestions AI Loader Agent Avatar AI Branch AI Citation AI Sources

AI · Agent

AI Reasoning AI Tool Call AI Task List AI Approval AI Diff AI Artifact AI Context Meter Image Generation Panel

AI · Orbs

Siri Orb AI Orb Face

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

Surfaces & Shaders

ASCII Render Aurora Curtain Border Beam Dither Image Emboss Surface Glass Card Gooey Filter Gravity Stars Holographic Foil Liquid Metal Orb Pixel Flow Field Progressive Blur Squircle

Data Viz

Loaders

Motion Loader Page Preloader

Media & Gallery

Coverflow Carousel Cursor Image Trail Hover Expand Hover Image List Orbital Image Wheel Time Machine Stack Video Ambient Video Modal

Scroll

Parallax Layers Scroll Image Reveal Scroll Progress SVG Clip Mask SVG Draw On Scroll

Pointer

Drawing Cursor Magnetic Field Tilt Card

Creative

Arcade Pixel Pixel Brush Canvas Ransom Note Vector Editor Toolbar

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 Breakpoint Indicator Card Swipe Deck Emoji Reaction Folder Reveal Inline Testimonials Mac Terminal Music Toggle Social Hover Card Swap Panel Unlock Face ID Wallet Card

Sparkbites

Inspiration directory for your next project

/UI Components

UI Components

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

Last updated: August 3, 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.