Getting Started
Templates
Blocks
Components
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/footer-reveal| Prop | Type | Default |
|---|
| Description |
|---|
brand | string | "ACME." | Brand name/logo text |
tagline | string | Default tagline | Tagline text (supports newlines) |
navGroups | NavGroup[] | Default groups | Navigation link groups |
year | string | Current year | Year display text |
ctaText | string | "Start building" | CTA button text |
ctaHref | string | "#" | CTA link destination |
heroTextLines | HeroTextLine[] | Default lines | Hero typography lines |
abstractImage | string | - | Optional abstract image (left) |
featuredImage | string | - | Optional featured image (bottom right) |
height | number | 600 | Footer height in pixels |
bgColor | string | "bg-[#c8c8c8]" | Background color class |
className | string | - | Additional CSS classes |
interface NavLink {
title: string
href: string
underline?: boolean
}
interface NavGroup {
title: string
links: NavLink[]
}
interface HeroTextLine {
words: {
text: string
highlight?: boolean
tag?: string
}[]
}