Marketing Footer
Site footer for a SaaS landing page with product, resources, company and legal link columns.
Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.
About this block
What it's for
- Site footer for a SaaS landing page with product, resources, company and legal link columns.
- Marketing site footer with social links, a system status link and copyright.
- Documentation or blog footer that mirrors the main site navigation.
Includes
- Link columns
- Brand blurb
- Social links
- Status pill
- Legal links
- Dark mode
Works with
- Radix UI and Base UI primitives (pick the one your project uses)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
agentic-ui add marketing-footernpx shadcn@4.17.0 add @agentic-ui/marketing-footerUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI and Base UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- npm packages
lucide-react- Registry dependencies
lib-primitives- Files
1 file
- components/agentic-ui/marketing-footer/marketing-footer/marketing-footer.tsx
Related components
Marketing CTA
Closing call to action at the bottom of a landing page with start trial and talk to sales buttons.
Details and live previewMarketing FAQ
Frequently asked questions section on a landing or pricing page with schema.org FAQ structured data for SEO.
Details and live previewMarketing Feature Grid
Features section of a SaaS landing page listing six capabilities with icons, titles and one-line descriptions.
Details and live previewMarketing Hero Centered
Landing page hero for a SaaS or developer tool with a launch announcement, headline, signup and demo buttons and an install command.
Details and live preview