Components
8bit Difficulty Select
An 8-bit styled game difficulty selection screen built on the retro card and button primitives. Renders a titled card (Select Difficulty) with EASY / NORMAL / HARD pixel-font buttons; clicking one highlights it as the active difficulty. Supports controlled and uncontrolled value, custom title/description, and vertical or horizontal layout.
"use client";
import DifficultySelect from "@/components/ui/8bit-difficulty-select";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 retro">
<DifficultySelect className="w-full max-w-[400px]" />
</div>
);
}
Source
Published
Similar components
Explore more
Part of 8bitcn — browse the full library on 21st.dev.