Tear Sheet Footer
Paper tear effect footer. Looks like the page is being torn away to reveal content.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| links | string[] | ["Mission", "Tech", "Crew", "Contact"] | Array of footer link labels. |
| backgroundColor | string | #ffffff | Background color of the footer (hex, rgb, or hsl). |
| textColor | string | #000000 | Text color for links (hex, rgb, or hsl). |
Related Components
Apple Glass Nav
Glassmorphism navigation with frosted glass effect and smooth transitions. Inspired by Apple's design language.
View Component
Sketchy Nav
Hand-drawn style navigation with organic, wobbly lines. Great for creative and indie projects.
View Component
Gradient Border Nav
Dark, sleek navigation with a moving gradient border. Used by OpenAI, Raycast, and Linear clones.
View Component
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.