A minimal footer with a statement, an email link and a compact link row, ending in an enormous wordmark that spans the full width, fades out at the bottom and rises letter by letter when it scrolls into view.
npx shadcn@latest add https://hyperblur.dev/r/footer-giant-wordmark.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/footer-giant-wordmark.tsx.
import { FooterGiantWordmark } from "@/components/hyperblur/footer-giant-wordmark"
<FooterGiantWordmark wordmark="nimbus" email="hello@nimbus.so" />| Prop | Type | Default | Description |
|---|---|---|---|
| wordmark | string | "nimbus" | Word drawn across the bottom. Letters are spread to fill the width; short words of 4 to 10 letters work best. |
| statement | string | "Quiet software for loud weeks." | Headline at the top. Its second half is dimmed. |
| string | "hello@nimbus.so" | Contact address rendered as a mailto link. Empty string hides it. | |
| links | { label: string; href: string }[] | Product, Pricing, Changelog, Journal, Careers, Contact | Compact link row on the right. |
| socials | { label: string; href: string }[] | X, GitHub, Instagram | Text links at the end of the meta row. |
| legal | { label: string; href: string }[] | Privacy, Terms | Legal links in the meta row. |
| location | string | "Lisbon, working everywhere" | Location note with an accent dot. Empty string hides it. |
| copyright | string | "© 2026 Nimbus Software, Inc." | Copyright line. |
| accent | string | "#f5a524" | Color of the glow, the location dot, link hovers and letters under the pointer. |