# Footer

> The Footer component is a fully configurable, responsive, and theme-aware UI element built with Next.js and Shadcn-style design. It supports dynamic navigation columns, customizable social media links with Lucide icons, and optional badges for highlighting features like “Pro,” “New,” or “Hiring.” The component adapts seamlessly to light and dark modes using Tailwind CSS, ensures accessibility with proper aria-labels, and leverages Next.js Link for client-side navigation. Designed for flexibility, it allows developers to easily extend columns, add additional social platforms, and include extra content like legal links or community sections, making it ideal for professional SaaS, product, or corporate websites.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: next, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/footer-1

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/footer-1?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt