1

Simple

A one row footer: wordmark and copyright on the start side, a wrapping row of links on the end side. It stacks on mobile.

Dependencies

@radix-ui/react-slot@hugeicons/react@hugeicons/core-free-icons

Interaction Type

A footer landmark with labelled nav regions. Links brighten from muted to foreground on hover and keyboard focus, with the accent focus ring. Links grow to 44px targets on touch screens, and icon links always are.

Props

Options you can pass to customize this component.

Prop
Type
Description
links
{ label: string; href: string }[]

Links in the footer nav.

navLabel
string

Accessible name of the nav. Defaults to "Footer".

brand
ReactNode

Wordmark or logo. Defaults to the "Nexvyn UI" wordmark.

copyright
ReactNode

Small print line. Defaults to "© 2026 Nexvyn". Pass null to hide it.

className
string

Merged onto the footer with cn().

Installation

npx shadcn@latest addhttps://ui.nexvyn.dev/r/footer-simple.json

How to use

<FooterSimple
  links={[
    { label: 'Docs', href: '/docs' },
    { label: 'Pricing', href: '/pricing' },
  ]}
  copyright="© 2026 Your Company"
/>

Source Code

Click the code icon in the top-right corner to view the source code.

Contact

Questions or feedback? Reach out anytime.

License & Usage

  • •Free for personal and commercial use
  • •No attribution required
  • •Cannot be resold as a standalone product
  • •Anatomy/blueprint diagrams are licensed separately (CC BY-NC 4.0) and are not for commercial use
// No code loaded.
acme.app
npx shadcn@latest addhttps://ui.nexvyn.dev/r/footer-simple.json