Footers — UI Block

A site footer with link columns, a newsletter field, a status line and an oversized wordmark that lights up under the pointer.

Free
Footers
1 section

Install

One command adds every section and its dependencies. Some sections install on their own, with the command shown in each one's code.

$ npx shadcn@latest add @nexus-labs/footer-blocks

Full setup guide

Install the complete Footers family with its 1 variant. The registry command adds the source files, required utility imports, and npm packages used by this block.

1
Prepare a shadcn project
Use a Next.js project with Tailwind CSS and the @/ alias. If shadcn is not configured yet, run:
```
npx shadcn@latest init
```

Connect the Nexus UI registry

Replace your components.json with this, or add the registries key to your existing one.

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "css": "src/app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "registries": {
    "@nexus-labs": "https://www.nexus-ui.com/api/registry/{name}"
  }
}

3
Install the full block family
Run this command from your project root. It installs every variant shown on this page.
```
npx shadcn@latest add @nexus-labs/footer-blocks
```
4
Files added to your project
The component package installs these block source files:
components/
orbit-footer/
orbit-footer.tsx
5
Copy the example into your page
Switch to the Codetab on the variant you want. On the left you'll see a ready-to-use snippet — copy it and paste it into app/page.tsx:
```
// app/page.tsx
import YourBlock from "@/components/...";

export default function Page() {
  return (
    <main>
      <YourBlock />
    </main>
  );
}
```
The exact import path is shown in the Code tab sidebar for each variant.

Footers — UI Block

Prepare a shadcn project

Connect the Nexus UI registry

Install the full block family

Files added to your project

Copy the example into your page

Orbit Footer

More blocks