Components Animated Icons

100 Follow on X

Menu

Components Animated Icons

Getting Started

Introduction Installation MCP Server

Motion Guidelines

Motion Principles Motion Patterns

Templates

Buttons

Gooey FAB Hold Confirm Button Jelly ButtonNew Magic Button Magnetic Button Mask Button Progress Fold Button Shimmer Button Slide Confirm Button

Inputs

Magic Input OTP Input

Navigation

Breadcrumbs Combobox Context Menu Dock Dropdown Menu Filter Bar Magic Tab Mega Menu Resizable Header Segmented Control Tab Bar

Overlays

Animated Tooltip Command Palette Drawer Dynamic Island Floating Toolbar Morphing Dialog Toast

Layout

Accordion Animated Testimonials App Showcase Avatar Group Bento Grid Card Swap Container Scroll Cover Flow Gooey StackNew Hero Parallax Image Accordion Image Compare Inertia Gallery Morph Gallery Orbit Carousel Progressive Card Reveal Reorder List Scroll Stack Spin ViewerNew Stepper Sticky Scroll Stack BadgeNew Store Badge Swipe Deck 3D Marquee Tilt Card Holographic CardNew

Text

Aurora Text Elastic Text Highlighter Number Ticker Text Animate Text Scramble Scroll Text RevealNew

AI

Agent FlowNew Agent Timeline Conversation Thread Prompt Composer Prompt Suggestions Source Citations Voice Orb

Collaboration

Comment Pin Live Cursors Notification Inbox Presence Facepile

Visualizations

Animated Beam Globe Gravity Orbiting Circles Scroll Timeline World Map

Effects

Beam Draw Border Beam Confetti Encrypted CardNew Fluid Cursor Image Trail Lamp Liquid Image Marquee Particle Dissolve Scroll Progress Scroll Reveal Spotlight Card Spotlight Reveal TerminalNew

Backgrounds

Blueprint Grid Flow Field Light Rays Liquid Metaballs Pixel Grid Topographic Drift Warp Starfield

Glass

Liquid Glass Card Liquid Glass Lens

Static Effects

Decorative Background Effect Background Geometric Background Gradient Background

DocsTemplatesPortfolio

Portfolio

Download Live preview

Download Live preview