vanilla-css-design-system

O Vanilla CSS Design System é uma fundação de estilização modular construída inteiramente com vanilla CSS. Seu README destaca uma abordagem leve sem dependências desnecessárias, inclusão fácil apenas das partes necessárias, temas através de variáveis CSS, responsividade mobile-first e melhores práticas de acessibilidade. A documentação e exemplos ao vivo estão hospedados no GitHub Pages, com o diretório de exemplos vinculado como a documentação principal do sistema de design. Início rápido: clone o repositório, opcionalmente execute npm install e, em seguida, execute npm run dev para um servidor de desenvolvimento local em http://localhost:3000. O comando dev alterna para o modo de desenvolvimento, monitora arquivos CSS e de tokens, reconstrói em caso de alterações e atualiza o navegador. Um arquivo combinado compilado pode ser vinculado em projetos como styles/vanilla-combined.min.css. O script build:css combina, remove o desnecessário (purge) e minifica o CSS. Scripts de conversão de formato css2tokens e tokens2css permitem a movimentação entre CSS e design tokens. Scripts adicionais cobrem o modo de monitoramento (watch), linting e correções de CSS, e a alternância de exemplos entre arquivos CSS de desenvolvimento e produção. Um link de CDN é fornecido para o arquivo CSS minificado combinado com tag de versão, para que os usuários possam pular a instalação e incluí-lo diretamente em uma página. O layout do repositório separa estilos, scripts, exemplos e tokens, com o README e package.json na raiz. O projeto utiliza vanilla CSS com arquitetura modular para estilização, além de Stylelint para padrões consistentes, PurgeCSS para remover CSS não utilizado, Lightning CSS para minificação e Nodemon para monitorar alterações. Possui licença MIT e convida a abertura de issues e pull requests. Esta visão geral reflete as capacidades documentadas no README do repositório; ela não avalia desempenho, qualidade ou adequação além do que foi descrito.