A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
See the codeAccessible retro components that you can copy and paste into your apps.
Free. Open Source. Built on shadcn/ui.
Documentation · Components · Blocks · Themes · Discord
Please read the contributing guide.
To add the button component to your project, run the following command:
pnpm dlx shadcn@latest add @8bitcn/button
Once installed, you can import and use the component in your files:
import { Button } from "@/components/ui/8bit";
export default function App() {
return <Button>Click me</Button>;
}
Note: The import path @/components/ui/8bit assumes your project has a path alias configured (common in Next.js and similar frameworks). Adjust the path to match your project's structure if needed.
Licensed under the MIT license.
80 followers · starred Mar 2026
3,240 followers · starred Apr 2025
1,268 followers · starred Mar 2026
180 followers · starred Jul 2025
A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
See the codeAccessible retro components that you can copy and paste into your apps.
Free. Open Source. Built on shadcn/ui.
Documentation · Components · Blocks · Themes · Discord
Please read the contributing guide.
To add the button component to your project, run the following command:
pnpm dlx shadcn@latest add @8bitcn/button
Once installed, you can import and use the component in your files:
import { Button } from "@/components/ui/8bit";
export default function App() {
return <Button>Click me</Button>;
}
Note: The import path @/components/ui/8bit assumes your project has a path alias configured (common in Next.js and similar frameworks). Adjust the path to match your project's structure if needed.
Licensed under the MIT license.
80 followers · starred Mar 2026
3,240 followers · starred Apr 2025
1,268 followers · starred Mar 2026
180 followers · starred Jul 2025