Framework de componentes de UI CSS-first baseado em fórmulas de design para escala, espaçamento e cor; atualmente voltado para Next.js e ainda não recomendado para produção.
internet-development/www-sacred
Biblioteca de componentes React e estilos para criar apps web, desktop e sites estáticos com visual monoespaçado de terminal.
- Estrelas
- 1,569
- Forks
- 82
- Issues abertas
- 4
- Último commit
- há 3 dias
O que é?
SRCL é um repositório de componentes React e CSS que dá às interfaces uma estética de terminal. Seus componentes são construídos com espaçamento preciso entre caracteres monoespaçados e alturas de linha definidas, para que desenvolvedores possam copiar e colar elementos prontos em projetos web, desktop ou estáticos sem precisar criar esse visual do zero.
O projeto inclui um pequeno framework CLI sem dependências em scripts/cli/lib, com versões correspondentes em TypeScript e Python. A mesma paleta é compartilhada entre os templates de terminal e os estilos React, permitindo levar uma tela de uma UI de terminal para uma UI de navegador, ou vice-versa, mantendo as mesmas convenções de layout.
O repositório também publica arquivos de instruções AGENTS.md e SKILL.md em URLs de documentação, junto com o código-fonte dos componentes, para que desenvolvedores e agentes de IA possam consultar diretamente as convenções e os guias de portabilidade.
Recursos principais
- 01Componentes React monoespaçados, com espaçamento preciso entre caracteres e alturas de linha definidas.
- 02Implementações de componentes fáceis de copiar e colar para montar interfaces rapidamente.
- 03Framework CLI sem dependências em TypeScript e Python, que compartilha uma paleta com os estilos React.
- 04Guias de portabilidade para levar UIs com estilo de terminal entre CLI em TypeScript, Python e React.
- 05Código-fonte dos componentes e documentação das convenções publicados em URLs estáveis para pessoas e agentes de IA.
Casos de uso
- Criar um app web ou site estático que precise de um visual retrô de terminal.
- Criar uma interface com estilo desktop e design monoespaçado, centrado em texto.
- Levar uma UI de terminal para uma página React ou fazer o caminho inverso.
- Criar telas de linha de comando em TypeScript ou Python que combinem com um design web.
Início rápido
- 1
Instale as dependências (requer Node.js 22.12 ou superior, 24.x ou 26 ou superior)
npm install - 2
Inicie o servidor de desenvolvimento
npm run dev - 3
Abra http://localhost:10000 no navegador
Antes de usar
- É necessária uma faixa específica de versões do Node.js: 22.12 ou superior na linha 22.x, 24.x ou 26 ou superior. Node 18, 20, 23 e 25 não são compatíveis.
Tópicos
Perguntas frequentes
- O que é www-sacred?
- Biblioteca de componentes React e estilos para criar apps web, desktop e sites estáticos com visual monoespaçado de terminal. SRCL é um repositório de componentes React e CSS que dá às interfaces uma estética de terminal. Seus componentes são construídos com espaçamento preciso entre caracteres monoespaçados e alturas de linha definidas, para que desenvolvedores possam copiar e colar elementos prontos em projetos web, desktop ou estáticos sem precisar criar esse visual do zero.
- www-sacred é gratuito? Qual é a licença?
- www-sacred é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- www-sacred ainda é mantido?
- Manutenção ativa. O último commit de www-sacred foi em 4 de nov. de 2026.
- Para que posso usar www-sacred?
- Criar um app web ou site estático que precise de um visual retrô de terminal. Criar uma interface com estilo desktop e design monoespaçado, centrado em texto. Levar uma UI de terminal para uma página React ou fazer o caminho inverso. Criar telas de linha de comando em TypeScript ou Python que combinem com um design web.
- Como instalar www-sacred?
- Instale as dependências (requer Node.js 22.12 ou superior, 24.x ou 26 ou superior): npm install Inicie o servidor de desenvolvimento: npm run dev Abra http://localhost:10000 no navegador
- Onde consigo www-sacred?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/internet-development/www-sacred
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Biblioteca de componentes React acessíveis e sistema de design para criar apps web com rapidez, com suporte a dark mode e Next.js RSC.
Conjunto open source de primitives de UI para React, sem estilos e acessíveis, para criar design systems e aplicações web.
Biblioteca de componentes de UI para React com mais de 60 componentes prontos para uso, tokens de design personalizáveis e tipos TypeScript, baseada no sistema Arco Design.
Uma biblioteca de componentes de UI para React e TypeScript, com estilo aconchegante de ilha, ícones, ilustrações e animações originais.
Biblioteca de componentes React de nível empresarial para sistemas web de back-office, que aproxima designers e desenvolvedores front-end por meio de temas compartilhados.