Components
Loading preview...
A split-layout retro hero with text on the left and a visual slot on the right. Pixel-perfect 8-bit style landing page.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/8bit-hero2import Hero2 from "@/components/ui/8bit-hero2";
export default function Demo() {
return (
<div className="flex items-center justify-center min-h-screen w-full bg-background retro">
<Hero2
title="SHIP FASTER"
subtitle="Retro components for the modern web"
description="Drop-in 8-bit styled components that work with your existing stack. No config, no headaches."
badges={[
{ label: "Open Source" },
{ label: "React", variant: "secondary" },
]}
actions={[
{ label: "BUILD", variant: "default" },
{ label: "DOCS", variant: "outline" },
]}
/>
</div>
);
}