Repolode
Enviar
TheOrcDev

TheOrcDev/8bitcn-ui

Componentes de UI para React com visual retrô de 8 bits, baseados no shadcn/ui e copiados para o seu projeto com o shadcn CLI.

Ver no GitHubSite
Estrelas
2,064
Forks
118
Issues abertas
20
Último commit
anteontem

O que é?

8bitcn/ui é uma coleção de componentes de UI com estilo retrô e pixelado para projetos React. Ela é construída sobre o shadcn/ui, então os componentes são adicionados à sua base de código como código-fonte, em vez de instalados como dependência de pacote. O projeto oferece um site de documentação, um catálogo de componentes, blocos e temas.

Para usar um componente, você executa o shadcn CLI com um nome de registry @8bitcn, por exemplo, para adicionar o componente button, e depois importa o componente pelo caminho gerado components/ui/8bit. Como o código fica no seu próprio projeto, você pode ajustar diretamente o estilo e o comportamento. O README observa que o caminho de importação pressupõe um alias de caminho configurado, algo comum em projetos Next.js.

O projeto é gratuito e tem licença MIT. Seu foco declarado é combinar acessibilidade com um estilo visual retrô, o que o torna adequado para jogos, interfaces descontraídas ou dashboards com estética de fliperama.

Recursos principais

  • 01Componentes React com visual retrô de 8 bits e uma base acessível.
  • 02Adicionados como código-fonte via shadcn CLI, para que você tenha controle sobre o código e possa editá-lo.
  • 03Oferece um catálogo de componentes, blocos e temas em um site de documentação.
  • 04Gratuito e de código aberto sob a licença MIT.

Casos de uso

  • Adicionar um visual de fliperama ou pixel art a um app web feito com Next.js ou React.
  • Criar interfaces descontraídas para jogos ou projetos criativos.
  • Começar a criar um dashboard com tema retrô usando componentes baseados no shadcn.

Início rápido

  1. 1

    Adicione o componente de botão ao seu projeto usando a CLI do shadcn

    pnpm dlx shadcn@latest add @8bitcn/button
  2. 2

    Importe e use o componente nos seus arquivos

Antes de usar

  • O caminho de importação @/components/ui/8bit pressupõe que um alias de caminho esteja configurado e talvez precise ser ajustado.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#ui-components#react#shadcn-ui#retro-design#accessibility#tailwind-css#typescript#8-bit#components#retro

Perguntas frequentes

O que é 8bitcn-ui?
Componentes de UI para React com visual retrô de 8 bits, baseados no shadcn/ui e copiados para o seu projeto com o shadcn CLI. 8bitcn/ui é uma coleção de componentes de UI com estilo retrô e pixelado para projetos React. Ela é construída sobre o shadcn/ui, então os componentes são adicionados à sua base de código como código-fonte, em vez de instalados como dependência de pacote. O projeto oferece um site de documentação, um catálogo de componentes, blocos e temas.
8bitcn-ui é gratuito? Qual é a licença?
8bitcn-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
8bitcn-ui ainda é mantido?
Manutenção ativa. O último commit de 8bitcn-ui foi em 5 de nov. de 2026.
Para que posso usar 8bitcn-ui?
Adicionar um visual de fliperama ou pixel art a um app web feito com Next.js ou React. Criar interfaces descontraídas para jogos ou projetos criativos. Começar a criar um dashboard com tema retrô usando componentes baseados no shadcn.
Como instalar 8bitcn-ui?
Adicione o componente de botão ao seu projeto usando a CLI do shadcn: pnpm dlx shadcn@latest add @8bitcn/button Importe e use o componente nos seus arquivos
Onde consigo 8bitcn-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/TheOrcDev/8bitcn-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados