Components
Loading preview...
A centered retro hero section with headline, badges, and CTA buttons. Pixel-perfect 8-bit style landing page hero.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/8bit-hero1import Hero1 from "@/components/ui/8bit-hero1";
export default function Demo() {
return (
<div className="flex items-center justify-center min-h-screen w-full bg-background retro">
<Hero1
title="BUILD YOUR RETRO EMPIRE"
subtitle="The 8-bit component library for modern builders"
description="Ship pixel-perfect landing pages, dashboards, and gaming UIs with components that look straight out of the golden age."
badges={[{ label: "Open Source" }]}
actions={[
{ label: "START QUEST", variant: "default" },
{ label: "VIEW LORE", variant: "outline" },
]}
/>
</div>
);
}