Getting Started
Templates
Blocks
Components
A centered-brand site footer with social icons, a 5-column link grid bordered by dotted corner markers, and a giant outlined wordmark.
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/wordmark-footer| Prop | Type | Default | Description |
|---|---|---|---|
logo | ReactNode | Solid block | Brand logo node rendered above the tagline |
tagline | ReactNode | Default tagline | Tagline (JSX so you can split colors / lines) |
socials | FooterSocial[] | X / GitHub / Discord | Social icon buttons under the tagline |
groups |
interface FooterLink {
title: string
href: string
}
interface FooterGroup {
title: string
links: FooterLink[]
}
interface FooterSocial {
label: string
href: string
icon:
FooterGroup[] |
| Five Ruixen-themed groups |
| Link columns — 5-up grid on desktop, accordion on mobile |
copyright | string | Auto with current year | Bottom copyright line |
wordmark | string | null | "ruixen" | Giant outlined wordmark at the bottom; pass null to hide |
className | string | - | Additional CSS classes |