UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
3D Image Carousel
A 3D image carousel with depth and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
3D Slider
A 3D flip-card slider with configurable transition animations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Apple-style Cover Flow
A physics-based 3D cover flow gallery. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Bento Grid to Lightbox
A fluid masonry bento grid that transitions into a full-screen swipeable lightbox. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Cascading Gallery
A 3D scroll-driven collection viewer where items cascade elegantly along a perspective track. Perfect for immersive showcases. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Cursor Parallax Carousel
A horizontal scrolling carousel with a subtle parallax effect bound to the cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Cylindrical 3D Carousel
A premium 3D carousel where images are arranged in a circular track around a central Z-axis. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Depth Slider
A sophisticated image slider that adds realistic 3D depth and parallax effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Elegant Coverflow Gallery
An interactive, fully responsive 3D coverflow carousel that smoothly scrubs based on cursor movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Elegant Fan Gallery
An interactive, high-end gallery where a stack of images smoothly fans out based on cursor movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Expandable Card Gallery
A horizontal accordion-style gallery. Hovering a card expands it to reveal the full image and text. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Expanding Accordion Gallery
A sleek horizontal accordion layout that expands images smoothly on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Floating Image Gallery
An interactive, multi-layered floating image gallery that tracks mouse movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Focus Swiper
Single image swiper with focus effects and smooth navigation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
GSAP Rotated Stack
GSAP-powered card stack with rotation effects and advanced scroll triggers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Image Lightbox
A responsive image gallery grid that opens a fullscreen lightbox featuring crossfade transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Infinite Canvas Gallery
A 2D draggable moodboard canvas filled with scattered images. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Interactive Bento Gallery
A responsive bento grid that dynamically resizes elements on hover using flex layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Magnetic Peel Stack
A vertical stack of cards you can peel off with physics to reveal the next. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Manual Carousel
A lightweight horizontal carousel with manual navigation controls. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Morphing Dialog Gallery
A sleek image grid that morphs into a full-screen immersive lightbox when clicked. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Perspective Carousel
Coverflow-style carousel with 3D perspective and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Scroll Card Stack
Stacked cards with scroll-triggered reveal animations and depth effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Scroll Depth Trigger
Triggers complex animations or state changes based on exact scroll depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Spatial Image Ring
A 3D spatial ring of images that rotates dynamically in response to user scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Stacked Card Swiper
Card-based swiper with stacking effects and gesture controls. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Stylish Carousel
A fan-style curved image carousel using Framer Motion. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Swipe Carousel
A beautiful scrollable/swipeable horizontal carousel for showcasing cards. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Tilt Marquee Gallery
An infinite auto-scrolling marquee of images that tilt in 3D based on the cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Tilted Scroll Grid
A skewed, dynamic grid layout that responds beautifully to page scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Velocity Filmstrip
A horizontally scrolling filmstrip where images skew based on scroll velocity. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.
Pro
Volume Slider
An interactive volume slider with satisfying drag physics and visual feedback. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.