Horizon Footer
ProInstallation
ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/horizon-footerWorks once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$99 once · 170 Pro components · lifetime updates.
import { HorizonFooter } from "@/components/ui/HorizonFooter";
<HorizonFooter
heading="Built to outlast the scroll."
socials={[
{ label: "X", href: "https://x.com/sundial" },
{ label: "GitHub", href: "https://github.com/sundial" },
]}
image="/images/dunes.webp"
/>Use cases
Portfolio or studio site
A calm last scroll: one line, a few social icons and a picture, with nothing else competing.
Launch or campaign page
Swap the headline for the call to action and the picture for the campaign artwork.
Light and dark marketing sites
The cut-out picture sits on pure white or black, so one asset works in both themes.