Footer With Glowing Wordmark

Pro

High-contrast dark footer with a luminous conic-gradient wordmark, warm amber accents, and a glassy card surface that reacts to motion.

When to use Footer With Glowing Wordmark

Loud on purpose. A conic gradient sweeps the wordmark, amber accents run warm against the dark surface, and the whole card catches the light as the pointer moves across it. Nothing about it is subtle, and choosing it means deciding the bottom of your page should still be selling.

That makes it a closer for a long marketing page, the last thing someone sees once the argument has already been made and they are looking for a reason to act. Put it under documentation and it reads as noise at exactly the moment a reader wants quiet. It is also the wrong neighbour for a hero that is already bright: two loud ends and a calm middle makes a page feel hollow.

Block details

Category
Footers
Renders
JavaScript animation. Paints first, then animates
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxframer-motiontailwind-merge
Source
231 lines, 10 KB in one file
Install
wensity add footer-with-glowing-wordmark --type block
Stack
React, Next.js, TypeScript and Tailwind CSS v4
Licence
Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
Tags
dark, gradient, luminous, interactive, bold
Last updated

More footers