A pixel-themed React component library built on top of shadcn/ui — familiar structure, retro aesthetics.
Pixelact UI combines the structure and flexibility of shadcn/ui with a playful pixel-art style — perfect for retro interfaces, games, or nostalgic UIs. You can treat it just like shadcn/ui: components are fully customizable, Tailwind-based, and easily composable.
npm install pixelact-ui- Import styles in your app entry:
import "pixelact-ui/styles.css";- Use pixel components like this:
import { PixelButton } from "pixelact-ui";
export default function App() {
return <PixelButton variant="default">Press Start</PixelButton>;
}PixelButtonPixelInputPixelTextAreaPixelUnorderedListPixelOrderedListPixelListItemPixelLabel
More coming soon — contributions welcome!
- Fully compatible with your existing Tailwind setup (v4 required)
- Extend or override with
className - Component internals follow
shadcn/ui's structure for easy swapping
You are welcome! Fork, clone, and open a PR to suggest new pixel components or enhancements.
MIT © 2025 Pixelact UI