# Pixel Art React components, live previews & code, EneUI

Browse 83 Pixel Art React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/pixel-art
> Markdown: https://ui.eneawork.it/components/cat/pixel-art.md

**Components:** 83


## Highlights

- [animated-hero-section](https://ui.eneawork.it/comp/21st-uniquesonu/animated-hero-section), 21st-uniquesonu
- [wave-1](https://ui.eneawork.it/comp/21st-designali-in/wave-1), 21st-designali-in
- [commits-grid](https://ui.eneawork.it/comp/21st-gonzalochale/commits-grid), 21st-gonzalochale
- [swirl](https://ui.eneawork.it/comp/21st-designali-in/swirl), 21st-designali-in
- [background-pixel-stars](https://ui.eneawork.it/comp/21st-uicapsule--ui-capsule/background-pixel-stars), 21st-uicapsule--ui-capsule
- [tetris-loader](https://ui.eneawork.it/comp/21st-itaizeilig/tetris-loader), 21st-itaizeilig
- [8bit-not-found1](https://ui.eneawork.it/comp/21st-theorcdev--8bitcn/8bit-not-found1), 21st-theorcdev--8bitcn
- [cursor-dither-trail](https://ui.eneawork.it/comp/21st-heyquincy/cursor-dither-trail), 21st-heyquincy
- [pixel-flow-field](https://ui.eneawork.it/comp/21st-educalvolpz--smoothui/pixel-flow-field), 21st-educalvolpz--smoothui
- [pixel-rocket-voyager](https://ui.eneawork.it/comp/21st-dhileepkumargm/pixel-rocket-voyager), 21st-dhileepkumargm
- [8bit-loading-screen](https://ui.eneawork.it/comp/21st-theorcdev--8bitcn/8bit-loading-screen), 21st-theorcdev--8bitcn
- [phosphor-crt-404](https://ui.eneawork.it/comp/21st-kedhareswer--astro-association/phosphor-crt-404), 21st-kedhareswer--astro-association

## FAQ

### How many React Pixel Art components are there?

83 Pixel Art components in the catalog, each with a live preview, full source and a one-line install command.

### How do I add a Pixel Art component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)