Back to UI Components
Blocks

Footer 2

A page footer that repeats navigation, contact details, and legal links at the bottom of every screen.

Footer 2 is a real, MIT-licensed React + Tailwind block component from the open-source Watermelon UI library, in its footer set. Run the install command above with the shadcn CLI and it drops the component's actual source straight into your project.

It depends on react-icons, clsx, tailwind-merge, so make sure those are installed too.

The summary, category and setup steps on this page are written by VintuxAI.

CategoryBlocks
LibraryWatermelon UI
SubcategoryFooter
Dependenciesreact-icons, clsx, tailwind-merge
npx shadcn@latest add https://registry.watermelon.sh/r/footer-2.json

How to use it

  1. Run the install command above — the shadcn CLI drops the real component files into your project.
  2. Install the dependencies listed below it, if any.
  3. Import the component and restyle it with your own Tailwind tokens.
Compiled and written by VintuxAI from public sources.
← Back to UI Components