MMridha UI

Minimal Creative Footer

A production-ready footer component with a large display typographic element, organized link columns, social links, and a copyright row. Designed to feel editorial and purposeful without excess decoration.

ReactNext.jsServer CompatibleReactMotionCSS
Loading preview…

CLI Installation

Add to your project using the shadcn CLI:

npx shadcn@latest add @mridha/minimal-creative-footer

Registry endpoint: https://ui.mridha.net/r/minimal-creative-footer.json

Manual Installation

1. Install dependencies

pnpm add motion

2. Copy the component file

Copy the source from the Code tab above into components/ui/minimal-creative-footer.tsx

3. Import the component

import { MinimalCreativeFooter } from "@/components/ui/minimal-creative-footer";

4. Use it in a page

export default function Page() {
  return (
    <main>
      <MinimalCreativeFooter />
    </main>
  );
}

Dependencies

motion

Accessibility

  • Uses semantic <footer> with aria-label.
  • All links have descriptive text or aria-labels.
  • Social icon links include screen-reader text.

Performance

  • Entrance animation is subtle and triggered once on mount.
  • No JavaScript required for the layout — motion is progressive enhancement.