How do I install Footer With Big Text?

Run npx shadcn@latest add @aceternity/footer-with-big-text in your terminal. Before installing, add the Aceternity Pro registry to your components.json and set your API token as the ACETERNITY_PRO_TOKEN environment variable. The CLI automatically installs all required dependencies including Tailwind CSS plugins and Framer Motion.

Is Footer With Big Text responsive and accessible?

Yes. The component is fully responsive across mobile, tablet, and desktop breakpoints. It uses semantic HTML elements, proper heading hierarchy, and accessible color contrast ratios. Touch targets are appropriately sized for mobile interactions, and all interactive elements are keyboard-navigable.

Can I customize the colors, fonts, and layout?

Everything is built with Tailwind CSS utility classes and Framer Motion animations. You can change colors, spacing, typography, border radius, shadows, and animation timing directly in the JSX — no separate CSS files to manage. The component uses your project's Tailwind theme, so it automatically adapts to your design system.

What frameworks does this work with?

Footer With Big Text is built for React and Next.js (App Router and Pages Router). It requires Tailwind CSS v4 and Framer Motion. It works with any React-based framework including Remix, Gatsby, and Vite — just ensure Tailwind CSS and Framer Motion are configured in your project.

Footers

1 / 4

Footer With Big Text

A comprehensive footer with multiple link categories, social icons, and a large animated brand name at the bottom with a gradient fade effect.

A bold footer layout featuring five organized link columns: Pages, Legal, Components, Resources, and Marketing. The right side displays a logo with description text and social media icons for LinkedIn, Twitter, and Slack.

The standout feature is the oversized brand name at the bottom that pulses with a subtle animation. A gradient overlay fades the text into the background, creating depth. The text scales responsively from 6rem on mobile to 20rem on larger screens.

Full dark mode support throughout. Link colors, backgrounds, borders, and the large text all adapt to the color scheme. The gradient overlay switches between white and neutral-950 based on the theme.

The footer uses a 7-column grid on large screens, collapsing to 2-3 columns on smaller devices. Social icons use brand colors directly in the SVG paths. All links are organized in arrays for easy customization.

Works well for product landing pages, SaaS applications, agency sites, or any project that wants to make a visual statement with its footer.

More from Footers

Included with All-Access

One payment unlocks the code for this block and every other block, template and page.

Get All-Access

Explore more

Simple Footer With Four Grids Centered Footer With Logo Footer With Grid Footers Navbars

About this block

Full dark mode support throughout. Link colors, backgrounds, borders, and the large text all adapt to the color scheme. The gradient overlay switches between white and neutral-950 based on the theme.

Works well for product landing pages, SaaS applications, agency sites, or any project that wants to make a visual statement with its footer.