Component Library
Ship stunning interfaces without the animation headache.
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
FUTURE UI
Radial Carousel
A 3D radial carousel with GSAP-powered animations and drag interaction.
Bento Grid
An interactive bento grid with GSAP-powered hover animations.
Retro Display
A retro LED dot-matrix display with customizable text and dot size.
Isometric Cube Grid
A draggable 3D isometric cube grid with image faces, hover explode effects, and momentum rotation.
Cosmic Morph
WebGL2 particle engine — images scatter apart and reassemble with physics-based mouse interaction.
Aura Pro X
$549
Pulse Buds
$249
Street Style
Studio Monitor
$399
Aura Elite
$699
Neon Series
$479
Comfort Fit
Daily Driver
$179
Aura Pro X
$549
Animated Backgrounds
First impressions happen in milliseconds. Give your product a stage it deserves.
Ship faster with
stunning UI
Premium animated components for modern web apps.
Ship faster with
stunning UI
Premium animated components for modern web apps.
Ship faster with
stunning UI
Premium animated components for modern web apps.
Ship faster with
stunning UI
Premium animated components for modern web apps.
Pricing
Premium animated components at a fraction of the cost of building from scratch.
Yearly Access
1 year of access
Lifetime Access
One-time Purchase
Already purchased? Manage your license
Full Catalog
Browse every animated React component
The full FutureUI component library — grouped by category. Each one is production-ready TypeScript, installed via the shadcn CLI, customizable with zero lock-in.
Carousels
Animated 3D carousels and rotating card displays
- Radial Carousel 3D radial carousel with GSAP drag interaction and momentum physics.
- Disperse Carousel Card carousel with shattering triangle dispersion effect powered by GSAP.
- Squircle Carousel Horizontal flowing carousel where images are masked behind a barrel-distorted grid of rounded cubes with snap physics and smooth inertia.
- Depth Cascade 3D diamond-pattern cascade with depth tilt, progressive blur, and scroll navigation.
- Flow Gallery Infinite-scrolling isometric card gallery with sine-wave curve positioning and drag physics.
Cards
Interactive card components with unique effects
- Inferno Card Card with animated WebGL smoke tendrils and hover glow effect.
- Particle Dispersion Image card made of particles that swirl and repel around the mouse cursor.
- Flame Shader Card Card with dynamic WebGL flame shader background effect.
- Particle Swarm Card with animated canvas particle dot swarm effect.
- Metallic Card 3D Premium 3D metallic card with real-time rotation and dynamic light reflections.
- Blob Card Card with organic blob animation that follows the mouse cursor.
Blocks
Larger composed UI blocks and layout sections
- Bento Grid Interactive bento grid with GSAP hover animations and multiple layout variants.
- Isometric Testimonial Grid Draggable isometric testimonial card grid with glow effects and momentum scrolling.
- Moving Bento Self-rearranging image bento grid with a dominant center hero slot — peripheral items rotate into focus via GSAP Flip animations.
- Fluid Navbar Fluid navigation bar with GSAP Flip animations and spark border effects.
- Isometric Cube Grid Draggable 3D isometric cube grid with image faces and hover explode effects.
- Particle Bento Bento grid of image cards that dissolve into interactive particles on hover.
- 3D Phone Mockup CSS-only 3D phone mockup with drag rotation, tilt, and video/image screen content.
- Revolving Sidebar Circular navigation sidebar with revolving bars, drag inertia, and snap physics.
Displays
Retro-styled text displays and indicators
Backgrounds
Full-screen animated backgrounds powered by WebGL2 shaders
- Cosmic Morph WebGL2 particle engine that morphs between images with physics-based mouse interaction.
- Shifting Sands WebGL2 wind-sculpted sand dune ridges with mouse-driven surface interaction.
- Cosmic Vortex WebGL2 swirling energy vortex background with mouse-controlled center point.
- Smoke Ink WebGL2 dense smoke tendrils with curl noise, volumetric light, and mouse-driven fluid.
- Liquid Chrome WebGL2 metallic fluid surface with Fresnel reflections and mouse-driven ripples.
- Aurora Curtain WebGL2 aurora borealis curtain with layered light bands and mouse-tilt interaction.
- Nebula Forge WebGL2 volumetric nebula clouds with domain-warped FBM and mouse gas attraction.
- Ember Rain WebGL2 falling embers through volumetric smoke with mouse-driven updrafts.
- Frozen Fracture WebGL2 ice crystal frost background with dendritic growth and prismatic refraction.
- Plasma Storm WebGL2 electric plasma arcs with mouse-attracted lightning and ambient glow.
- Molten Glass WebGL2 viscous glass blobs that merge and split with internal caustic light patterns.
- Sci-Fi Environment Three.js sci-fi background with smoky ring and animated distortion effects.
Effects
Visual effect components and animated borders
- Particle Rain Directional canvas particle rain with corner-curving and edge-fade effects.
- Distort Canvas hover effect that distorts background images interactively.
- Eraser Canvas hover effect that erases image saturation on mouse interaction.
- Ripple Canvas hover effect that creates ripples on background images.
- Swirl Canvas hover effect that creates swirls on background images.
- Blade Sphere Generative CSS sphere made of twisted blades with particle effects.
- Fractal Glass Shimmer Ribbed glass overlay with a traveling wave swell and fractal noise grain. Layer it over images, gradients, or videos.
- Pulse Grid Dot grid background with click-spawned expanding ripples and wave interference.
- Signal Pulse Radar pulse background that reveals hidden circuit patterns on each sweep.
Inputs
Styled interactive inputs and form control components
Buttons
Stylized button components with animations
- Pixel Hover Button Button with pixelated dissolve effect that fans out on hover.
- Timeout Button Confirmation button with GSAP-animated countdown timer and cancel support.
- Gooey Button Group Symbiote-style button group with organic oozing tendril transitions.
- Toxic Button Toxic liquid-style animated button with GSAP bubble effects.
Full Catalog
Browse every page section template
Animated hero sections, pricing, CTA blocks, and feature sections — drop them into any React or Astro project and ship.
Hero Sections
Landing page hero sections with animated backgrounds and CTAs