Repolode
internet-development

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. 1

    Instale as dependências (requer Node.js 22.12 ou superior, 24.x ou 26 ou superior)

    npm install
  2. 2

    Inicie o servidor de desenvolvimento

    npm run dev
  3. 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