Installation
Usage
import { WordmarkFooter } from "@/components/ruixen/wordmark-footer";<WordmarkFooter />Props
| Prop | Type | Default | Description |
|---|---|---|---|
brandName | string | "Ruixen UI" | Brand name displayed next to the triangle |
Features
- Half-cut wordmark — oversized brand text with a vertical luminance gradient that fades from bright to invisible, creating a dramatic cut-off effect
- Full viewport width — edge-to-edge dark surface, no card container
- Hairline divider — positioned at the text midpoint, separating the bright upper portion from the dimming lower portion
- Spring entrance — wordmark slides up with spring physics via IntersectionObserver
- CSS custom properties — scoped
.wfclass with--wf-bgand--wf-linefor theming - Zero dependencies — only
motion/react, no Tailwind, no shadcn, no icons, no audio