Skip to content

Guides Primitives Components Blocks Templates Community

Guide

Patterns

Animated File Upload Animated List Animated Stepper Auth Form Content Skeleton Count Badge Country Picker Digit Roll Duration Picker Favicon Search File Tree Float Input Form Morph Toggle OTP Slots Pinned List Theme Toggle Tweet Card

Navigation

Breadcrumb Dock Expandable Navbar Floating Navbar Morph Icon Pagination

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 Fluid Hover Highlight Magnetic Field Tilt Card

Creative

Arcade Pixel Pixel Brush Canvas Ransom Note Vector Editor Toolbar

Others

Animated Avatar Group Product Card 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 181 production-ready animated React components with Motion, GSAP, and Tailwind CSS. Fully accessible and customizable.

Last updated: November 4, 2026

SmoothUI

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

Navigate

PrimitivesComponentsBlocksTemplatesDynamic IslandAI Prompt InputSiri OrbInfinite Slider

Develop

Getting StartedInstallationAnimationsAccessibilityChangelog

By the maker

wingtics.comsparkbites.devcodevator.devthegridcn.comui-craft

© 2026 SmoothUI. Built by Eduardo Calvo.