UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
Pro
Box Transition Section
A section transition where grid overlays disappear and appear on scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Circle Mask Reveal
A grid of images with a secondary image revealed via a circular mask on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Circle Reveal Section
A hero or transition section where scrolling expands a circular mask until it fills the screen, revealing the content underneath. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Faq Section
An interactive, smoothly animating accordion layout for frequently asked questions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Magnetic Card Gallery
A stunning dark-mode hero section featuring canvas particle physics, 3D magnetic tilt cards with dynamic spotlight shading, animated gradient text, and a smooth ticker strip. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Mouse Effects Showcase
A premium block featuring advanced interactive mouse effects like a difference custom cursor, magnetic elements, and a dynamic vector field. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Scroll Driven Card Reveal
Cards that animate into view as you scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Scroll Snap Section
Full viewport height sections with CSS scroll snapping and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Spectral Ghost
An interactive spectral ghost experience with haunting visuals and analog decay effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.
Pro
Vault Call to Action
A stunning, interactive call-to-action block featuring a responsive cascading image strip and a dynamic spotlight cursor effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.