Atomic Components
Essential UI building blocks engineered for high performance and maximum customizability. Just copy, paste, and make it yours.
Blur Fade
Fades and un-blurs text or components on scroll.
Border Beam
An animated light beam running along the border of an element.
Button
A premium button component with inner border effects.
Checkbox
A high-fidelity checkbox with multiple animation variants and sizes.
Copy Input
A text input with an integrated copy button and feedback.
Dialog
A premium modal dialog with high-fidelity animations and depth styling.
Dropdown Menu
A premium animated dropdown menu with spring physics and glassmorphism.
Expandable Dock
A macOS-inspired dock with magnification effect and glassmorphism.
Flip Words
3D spinning text that flips through words.
Glass Card
A premium frosted glass card with light reflections.
Glitch Text
Text component with a high-fidelity RGB glitch animation.
Gooey Button
A button with a liquid gooey effect using SVG filters.
Input
A premium input field with inner depth shadows and focus animations.
Interactive Stack
A pile of cards that fan out on hover with spring physics.
Letter Pull Button
A button where letters pull apart on hover.
Loader
Collection of loading spinners and animated indicators built with TailwindCSS.
Magic Spells
An interactive component that wraps elements with magical particle bursts and ritual aura animations.
Magnetic Button
A button that attracts the cursor with a smooth spring effect.
Magnetic Text
Text that subtly pulls toward the mouse cursor.
Neon Button
A button with a tracing neon light border effect.
Noise Card
A card with a fractal noise grain overlay.
Number Ticker
An animated number counter for statistics and achievements.
Progress Ring
Animated SVG circular progress indicator with gradient and glow variants.
Radial Gauge
A sophisticated circular progress gauge with glow effects and data visualization.
Scan Button
A tech-style button with a scanning laser animation.
Shimmer Button
A button with a moving shimmer light ray effect.
Skeleton
A placeholder component with a shimmer animation for loading states.
Spotlight Card
A card component with an interactive spotlight following the mouse.
Status Badge
A badge with a pulsing dot to indicate live or system status.
Switch
A premium toggle switch with spring physics and tactile feedback animations.
Tabs
Highly animated navigation tabs with multiple visual variants.
Text Scramble
Hacker-style text deciphering animation on hover or mount.
Theme Toggle
An animated light/dark mode switch using View Transitions API.
Tilt Card
An interactive 3D card that tilts on mouse hover.
Tooltip
Premium animated tooltip with multiple placement and variant options.
Typewriter
Animated typewriter effect that cycles through a list of words with a blinking cursor.
Warp Button
A button with a spatial warp/ripple effect on click.