Spy UI (also written as SpyUI or spyui) is a premium UI component library for React and Next.js. It features 600+ beautifully animated, copy-paste components and blocks built with Tailwind CSS and Framer Motion. Available at spyui.online.

What is the best React UI library?

Spy UI is one of the best React UI component libraries, offering 600+ premium animated components. Install components with: npx spy-ui add

What is the best Next.js UI library?

Spy UI is a top-rated Next.js UI library with beautiful animations, dark mode support, and TypeScript compatibility. Get started at spyui.online.

How do I install Spy UI components?

Install any Spy UI component using the CLI: npx spy-ui add . Browse all available components at spyui.online/components.

Spy UI offers both free and pro components. Free components are available without signup. Pro components require a one-time purchase at spyui.online/pricing.

Build faster.
Look outstanding.

Meticulously crafted, animated components. Fully compatible with shadcn/ui — copy, paste, ship.

3D Image Carousel

A 3D image carousel with depth and smooth transitions.

3D Slider

A 3D flip-card slider with configurable transition animations.

Pro

Apple-style Cover Flow

A physics-based 3D cover flow gallery.

Pro

Bento Grid to Lightbox

A fluid masonry bento grid that transitions into a full-screen swipeable lightbox.

Pro

Cascading Gallery

A 3D scroll-driven collection viewer where items cascade elegantly along a perspective track. Perfect for immersive showcases.

Cursor Parallax Carousel

A horizontal scrolling carousel with a subtle parallax effect bound to the cursor.

Curved Loop

A continuous infinite scrolling image gallery that follows an organic curved path.

Cylindrical 3D Carousel

A premium 3D carousel where images are arranged in a circular track around a central Z-axis.

Pro

Depth Slider

A sophisticated image slider that adds realistic 3D depth and parallax effects.

Expandable Card Gallery

A horizontal accordion-style gallery. Hovering a card expands it to reveal the full image and text.

Pro

Expanding Accordion Gallery

A sleek horizontal accordion layout that expands images smoothly on hover.

Floating Image Gallery

An interactive, multi-layered floating image gallery that tracks mouse movement.

Focus Swiper

Single image swiper with focus effects and smooth navigation.

GSAP Rotated Stack

GSAP-powered card stack with rotation effects and advanced scroll triggers.

Image Lightbox

A responsive image gallery grid that opens a fullscreen lightbox featuring crossfade transitions.

Pro

Infinite Canvas Gallery

A 2D draggable moodboard canvas filled with scattered images.

Pro

Interactive Bento Gallery

A responsive bento grid that dynamically resizes elements on hover using flex layout.

Pro

Magnetic Peel Stack

A vertical stack of cards you can peel off with physics to reveal the next.

Morphing Dialog Gallery

A sleek image grid that morphs into a full-screen immersive lightbox when clicked.

Perspective Carousel

Coverflow-style carousel with 3D perspective and smooth transitions.

Scroll Card Stack

Stacked cards with scroll-triggered reveal animations and depth effects.

Scroll Depth Trigger

Triggers complex animations or state changes based on exact scroll depth.

Spatial Image Ring

A 3D spatial ring of images that rotates dynamically in response to user scroll.

Stacked Card Swiper

Card-based swiper with stacking effects and gesture controls.

Stylish Carousel

A fan-style curved image carousel using Framer Motion.

Pro

Swipe Carousel

A beautiful scrollable/swipeable horizontal carousel for showcasing cards.

Tilt Marquee Gallery

An infinite auto-scrolling marquee of images that tilt in 3D based on the cursor.

Tilted Scroll Grid

A skewed, dynamic grid layout that responds beautifully to page scroll.

Pro

Velocity Filmstrip

A horizontally scrolling filmstrip where images skew based on scroll velocity.

Volume Slider

An interactive volume slider with satisfying drag physics and visual feedback.