UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
Bold Statement
A typography-driven bold footer with an interactive pill button. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Bold Typography
A clean, modern footer featuring a curved top edge and massive clipped brand typography at the baseline. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Brutalist Grid
A brutalist black and white layout with massive retro typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Cinematic Motion
A high-fidelity scroll reveal footer optimized for SaaS landing pages with magnetic buttons. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Content Scale
A beautifully designed Content Scale block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Crimson Split
A deep red footer with thin stretched typography and a center pill. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Curved Top
An architectural dark footer with a massive curved archway top edge. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Cyberpunk Terminal
A hacker-inspired footer with glowing data streams, monospace typography, and a terminal prompt. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Ember Glow
A premium footer with a soft, pulsing fire-like gradient behind a glassmorphism CTA. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Flickering Neon
A moody, atmospheric footer featuring a giant photorealistic neon sign that flickers dynamically. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Floating Card
A clean floating card footer layered over a faded background watermark. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Floating Pill
A massive stacked typography footer with a floating pill CTA. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Geometric Cutout
A massive cutout typography footer with geometric shapes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Gooey
A beautifully designed Gooey block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Mascot Newsletter
A playful layout featuring an interactive floating mascot character. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Mindora
A massive, neon green glowing dark footer with large typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Minimal Cta
An ultra-minimal footer with a huge outlined CTA text at the center. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Minimal Dark
A beautifully designed Minimal Dark block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Minimal Studio
A stark, typography-driven footer for agencies and portfolios featuring huge brand text. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Modernist Grid
An editorial grid-based layout anchored by a yellow accent. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Monochrome Split
A 50/50 split monochrome footer with strong contrast and clear typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Neon Agency
A bold agency footer with a massive bottom block and neon colors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Newsletter Form
A high-energy footer with massive newsletter form inputs. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Orbit
A space-themed footer with 3D orbital rings rotating around the central brand. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Parallax
A beautifully designed Parallax block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Responsive
A beautifully designed Responsive block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
SaaS Mega
A comprehensive, multi-column footer for SaaS products with a newsletter signup and rich brand section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Tall Typography
A dark grid footer anchored by extremely tall stretched typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.
Pro
Watermark Brand
A clean white footer anchored by a massive watermark brand name. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.