Footer
A closing section for the foot of a page.
$149 once · every Pro piece
Customize
full
signature
A last statement with its actions, a hairline, the site map in columns, a bottom row, and the name set enormous and cropped across the foot. The giant word is barely there at rest; under the pointer a soft spot of heat, clipped to the letters, follows on a spring and cools when it leaves. On touch it sweeps once when it comes into view; with reduced motion it keeps a still, warm corner. Takes your router's link component. The heated word is also exported alone as FooterSignature.
Install
npx shadcn@latest add @obsyde/footerNeeds your licence key · Get Pro
Usage
Import it from where the CLI puts it, or copy the files below by hand.
import { Footer } from '@/components/obsyde/ember/footer/Footer';
export function Example() {
return (
<Footer wordmark="Ember" />
);
}
Files
What you get with Pro: plain React, TypeScript and CSS, with no dependencies.
ember/footer/Footer.tsxcomponentember/footer/footer-demo.cssstylesember/footer/footer.cssstylesember/footer/FooterSignature.tsxmoduleember/footer/FooterDemo.tsxdemoember/shared/accent.tssharedember/shared/spring.tssharedember/shared/ember.cssshared
API
| Prop | Type | Default |
|---|---|---|
accentAccent | 'ember' | 'volt' | 'arc' | 'ember' |
layoutLayout | 'full' | 'signature' | 'full' |
wordmarkWordmark | string | 'Ember' |
statementClosing statement | boolean | true |