Footer 10 is a studio style contact footer: an oversized mailto link dominates the layout, four link columns sit alongside, a wordmark scrolls across the background, and a live status bar tracks the bottom edge. Built with React and Tailwind CSS. Meant for design studios and consultancies whose footer should feel like a business card.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Usage
import { Footer10 } from "@/components/pro/blocks/footer-10";
export default function Page() {
return <Footer10 />;
}Related blocks
- Footer 01
A marketing footer with blur-staggered link groups, brand column with socials, and a legal bar with a pulsing status dot.
- Footer 02
A dark minimal footer with staggered link columns and a giant gradient-masked outline wordmark above the legal row.
- Footer 03
A compact footer with a top nav brand row, five-column dashed-divider link grid, and a legal strip.
- Footer 04
A dense six-column footer with a legal blurb, gradient social pills, and an inline newsletter form with success state.
