React Corporate Footer
The bottom of every serious corporate site — and the sibling of the corporate navbars. A brand block with tagline and certification chips (ISO 9001, IATF 16949…), multi-column sitemap, and a legal bar with copyright and compliance links. The deep variant sits on the #000028 surface with link hovers in the electric accent; light matches standard page bottoms.
Deep — the signature variant
Light
Installation
npx shadcn@latest add "http://localhost:3000/registry/corporate-footer.json"
Usage
Loading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'deep' \ | 'light' | 'deep' |
| brand / logo | string / ReactNode | "Kelvin UI" | Brand block |
| tagline | string | — | One-liner under the brand |
| columns | FooterColumn[] | — | { title, links } sitemap columns |
| certifications | string[] | [] | Mono compliance chips |
| legalLinks | { label, href }[] | [] | Legal bar links |
| — | — | auto | Override the © line |
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.