Footer Pro 2: flowing silkPRO

A fashion footer over a shader-drawn silk: long pleats with threads that shine along their length, a light that follows the pointer, a newsletter field, link columns and the brand name set very large across the bottom.

npx shadcn add @ballmac-pro/footer-pro-2

Installation

Once per project: add the Pro registry and your licence key.

components.json

{
  "registries": {
    "@ballmac": "https://ui.ballmac.com/r/{name}.json",
    "@ballmac-pro": {
      "url": "https://ui.ballmac.com/r/pro/{name}.json",
      "headers": { "Authorization": "Bearer ${BALLMAC_LICENSE_KEY}" }
    }
  }
}

.env.local

BALLMAC_LICENSE_KEY=your-licence-key

Add it.

$ pnpm dlx shadcn@latest add @ballmac-pro/footer-pro-2

Need a licence or help with setup?
The source is part of Ballmac UI Pro.
Log in with your licence key to read and copy it here, or install it through the shadcn CLI or the MCP server. You own the code once it is in your project.
Get Pro Log in

Build prompt

Every value of this block written out: layers, sizes at each breakpoint, motion timings, fallbacks and a checklist. Give it to an AI builder to recreate the block in any stack.

The build prompt is part of Ballmac UI Pro.

Log in with your licence key to read and copy it here. It is the whole block written out, ready for Claude, Cursor, Lovable or v0.

Get Pro Log in

Usage

import { FooterPro2 } from "@/components/ballmac/blocks/footer-pro-2/footer-pro-2"

States

This block has no states. Static content: nothing to load, submit or fail.

Dependencies

npm: lucide-react
Registry: @ballmac/button @ballmac/input @ballmac/motion-presets @ballmac-pro/scene-parts @ballmac-pro/webgl-canvas shadcn/utils

Use with AI

A dark footer whose background is moving satin: anisotropic highlights stretch across the weave and the light follows the pointer. Newsletter form with validation, three link columns, small print and a huge brand wordmark. With the shadcn MCP server set up (guide), ask your agent:

Add the Ballmac UI Footer Pro 2: flowing silk (@ballmac-pro/footer-pro-2) to this project with the shadcn MCP, then use it where it fits.

Use it for

Fashion, jewellery, beauty and home brands that want the footer to feel like the product
Pages that end on a quiet, tactile note

Not for

Dense documentation footers with many columns (use footer-1)
Pages that must be light-themed

Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/footer-pro-2.json

Covered by the Ballmac UI Pro license.

Footer 1: columns with newsletter

Site footer with brand and tagline, an optional newsletter form, up to four link columns and a legal bar.

Footer 2: giant wordmark

Brand, tagline and a live status pill beside three link columns, a legal bar with icon links, and an oversized wordmark that sinks into a fading gradient along the bottom.

Footer Pro 1: rich footer with letter signup

Link columns, a short email signup, social and contact icons, legal links, a language picker, a live status pill and a large faded wordmark.