Minimal Footer

Clean centered footer with logo, horizontal link row, social icon row, and copyright text. Perfect for simple sites.

footerminimalcenteredclean

Installation

bash

# Copy minimal-footer.tsx to your project
cp components/ui/minimal-footer.tsx your-project/components/ui/minimal-footer.tsx

How to use

tsx

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

tsx

<MinimalFooter
  logo="Brand"
  links={[
    { label: "Home", href: "/" },
    { label: "About", href: "/about" },
    { label: "Contact", href: "/contact" },
  ]}
  bottomText="© 2025 Brand Inc."
/>

Dependencies

framer-motion

Exports

MinimalFooter

File

components/ui/minimal-footer.tsx

Preview