--- name: "@pixelact-ui" slug: "pixelact-ui" description: "A pixel-art-styled React component library built on top of shadcn/ui, applying a retro 8-bit aesthetic via Tailwind CSS to standard shadcn primitives. Components install individually via the shadcn CLI to components/ui/pixelact-ui/ and include Button (with retro variant), Input, Dialog, and other standard shadcn-equivalent components reimagined with pixel borders and blocky aesthetics. TypeScript and fully customizable. Free and open source. Use for: games, retro-themed web apps, or developer portfolios that need a consistent pixel-art UI layer on top of the familiar shadcn/ui primitive set." category: "Niche/single-purpose" tags: ["accessibility", "aesthetic", "blocks", "buttons", "cards", "design-system", "forms", "gaming", "hooks", "loaders", "media", "mobile", "navigation", "overlays", "pro-available", "retro", "theming"] framework: "react" license: "MIT" author: "pixelact-ui" website: "https://pixelactui.com" github: "https://github.com/pixelact-ui/pixelact-ui" registry: "https://pixelactui.com/r/registry.json" pro: true pro_url: "https://pixelactui.com/pricing" github_stars: 101 component_count: 28 generated_at: "2026-07-28T08:00:50.948Z" --- # @pixelact-ui A pixel-art-styled React component library built on top of shadcn/ui, applying a retro 8-bit aesthetic via Tailwind CSS to standard shadcn primitives. Components install individually via the shadcn CLI to components/ui/pixelact-ui/ and include Button (with retro variant), Input, Dialog, and other standard shadcn-equivalent components reimagined with pixel borders and blocky aesthetics. TypeScript and fully customizable. Free and open source. Use for: games, retro-themed web apps, or developer portfolios that need a consistent pixel-art UI layer on top of the familiar shadcn/ui primitive set. ## Links - Website: https://pixelactui.com - GitHub: https://github.com/pixelact-ui/pixelact-ui - Registry JSON: https://pixelactui.com/r/registry.json - Directory page: https://sh4dcn.vercel.app/registry/pixelact-ui - This file: https://sh4dcn.vercel.app/md/pixelact-ui.md - Pro / pricing: https://pixelactui.com/pricing ## Install ```sh # add the whole registry (shadcn CLI) npx shadcn@latest add https://pixelactui.com/r/registry.json pnpm dlx shadcn@latest add https://pixelactui.com/r/registry.json bunx shadcn@latest add https://pixelactui.com/r/registry.json # clone the source repo git clone https://github.com/pixelact-ui/pixelact-ui.git # fetch the raw registry index curl -s https://pixelactui.com/r/registry.json ``` ## Components (28) | name | type | description | install | | --- | --- | --- | --- | | accordion | registry:component | A simple accordion component. | `npx shadcn@latest add https://pixelactui.com/r/accordion.json` | | alert | registry:component | A simple alert component. | `npx shadcn@latest add https://pixelactui.com/r/alert.json` | | alert-dialog | registry:component | A simple alert dialog component. | `npx shadcn@latest add https://pixelactui.com/r/alert-dialog.json` | | avatar | registry:component | A simple avatar component. | `npx shadcn@latest add https://pixelactui.com/r/avatar.json` | | badge | registry:component | A simple badge component. | `npx shadcn@latest add https://pixelactui.com/r/badge.json` | | breadcrumb | registry:component | A simple breadcrumb component. | `npx shadcn@latest add https://pixelactui.com/r/breadcrumb.json` | | button | registry:component | A simple button component. | `npx shadcn@latest add https://pixelactui.com/r/button.json` | | calendar | registry:component | A simple calendar component. | `npx shadcn@latest add https://pixelactui.com/r/calendar.json` | | card | registry:component | A simple card component. | `npx shadcn@latest add https://pixelactui.com/r/card.json` | | carousel | registry:component | A simple carousel component. | `npx shadcn@latest add https://pixelactui.com/r/carousel.json` | | checkbox | registry:component | A simple checkbox component. | `npx shadcn@latest add https://pixelactui.com/r/checkbox.json` | | collapsible | registry:component | A simple collapsible component. | `npx shadcn@latest add https://pixelactui.com/r/collapsible.json` | | dialog | registry:component | A simple dialog component. | `npx shadcn@latest add https://pixelactui.com/r/dialog.json` | | input | registry:component | A simple input component. | `npx shadcn@latest add https://pixelactui.com/r/input.json` | | textarea | registry:component | A simple textarea component. | `npx shadcn@latest add https://pixelactui.com/r/textarea.json` | | label | registry:component | A simple label component. | `npx shadcn@latest add https://pixelactui.com/r/label.json` | | popover | registry:component | A simple popover component. | `npx shadcn@latest add https://pixelactui.com/r/popover.json` | | select | registry:component | A simple select component. | `npx shadcn@latest add https://pixelactui.com/r/select.json` | | command | registry:component | A simple command component. | `npx shadcn@latest add https://pixelactui.com/r/command.json` | | context-menu | registry:component | A simple context menu component. | `npx shadcn@latest add https://pixelactui.com/r/context-menu.json` | | hover-card | registry:component | A simple hover card component. | `npx shadcn@latest add https://pixelactui.com/r/hover-card.json` | | tooltip | registry:component | A simple tooltip component. | `npx shadcn@latest add https://pixelactui.com/r/tooltip.json` | | menubar | registry:component | A simple menubar component. | `npx shadcn@latest add https://pixelactui.com/r/menubar.json` | | spinner | registry:component | A simple spinner component. | `npx shadcn@latest add https://pixelactui.com/r/spinner.json` | | toast | registry:component | A simple toast component. | `npx shadcn@latest add https://pixelactui.com/r/toast.json` | | drawer | registry:component | A pixel art styled drawer component built on top of vaul Drawer. | `npx shadcn@latest add https://pixelactui.com/r/drawer.json` | | empty | registry:component | A pixel art styled empty state component. | `npx shadcn@latest add https://pixelactui.com/r/empty.json` | | kbd | registry:component | A pixel art styled keyboard key component. | `npx shadcn@latest add https://pixelactui.com/r/kbd.json` | ## For AI agents ```text You are adding components from @pixelact-ui to a shadcn-compatible project. 1. Read this file (https://sh4dcn.vercel.app/md/pixelact-ui.md) for the component list. 2. Fetch the machine-readable index: https://pixelactui.com/r/registry.json 3. Install a single component with its install command from the table above. 4. Full structured record: https://sh4dcn.vercel.app/json (library slug: pixelact-ui). ```