Um linter pensado para agentes, voltado a design systems com Tailwind: define regras de estilo permitidas e sugere correções com base nos seus componentes e no seu tema.
3,3 mil+29 esta semana72TypeScriptMITBem mantidoAtualizado há 5 dias
deeplethe/solid-glass
Um design system para aplicações de IA: stylesheet e componentes compatíveis com shadcn/ui, com acabamento sólido inspirado em vidro.
- Estrelas
- 2,039
- Forks
- 42
- Issues abertas
- 5
- Último commit
- há 7 dias
O que é?
Solid Glass é um design system para aplicações de IA, construído com shadcn/ui, Tailwind CSS 4 e React 19. Ele é distribuído como um único stylesheet que reformula componentes shadcn/ui existentes usando seus atributos data-slot e nomes de classes, sem exigir alterações nos componentes já presentes no projeto.
O estilo visual fica entre o design flat e o liquid glass: as superfícies recebem realces sutis nas bordas, contornos finos e sombras suaves, para parecerem feitas de material sólido, em vez de painéis transparentes. A proposta é criar uma interface tranquila, na qual o texto continue legível enquanto respostas são transmitidas, agentes são executados e decisões aguardam aprovação.
Além do estilo base, o projeto adiciona componentes próprios para interfaces de agentes, incluindo um indicador de status, um composer, listas de etapas de ferramentas, uma visualização de diff, um card de pergunta, um anel de uso de contexto, avisos de tarefas e um bloco de raciocínio. Também inclui uma página Create para ajustar variáveis de tema e um conjunto de telas de exemplo, instaláveis pelo shadcn CLI.
Recursos principais
- 01Um único stylesheet reformula componentes shadcn/ui existentes sem exigir alterações no código.
- 02Compatível com temas claro e escuro, sendo o escuro o tema principal do design.
- 03Variáveis de tema ajustáveis, como espessura, tonalidade, raio e desfoque, na página Create.
- 04Componentes voltados para agentes, como status da interação, etapas de ferramentas, visualização de diff e card de pergunta.
- 05Instalável pelo shadcn CLI usando o registry do repositório.
Casos de uso
- Criar uma interface de chat ou de agente sobre um projeto shadcn/ui existente.
- Exibir saídas de LLM em streaming, chamadas de ferramentas e solicitações de entrada humana pendentes em um layout legível.
- Criar um tema visual consistente para um produto de IA sem escrever CSS personalizado do zero.
Em coleções
Tópicos
Perguntas frequentes
- O que é solid-glass?
- Um design system para aplicações de IA: stylesheet e componentes compatíveis com shadcn/ui, com acabamento sólido inspirado em vidro. Solid Glass é um design system para aplicações de IA, construído com shadcn/ui, Tailwind CSS 4 e React 19. Ele é distribuído como um único stylesheet que reformula componentes shadcn/ui existentes usando seus atributos data-slot e nomes de classes, sem exigir alterações nos componentes já presentes no projeto.
- solid-glass é gratuito? Qual é a licença?
- solid-glass é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- solid-glass ainda é mantido?
- Manutenção ativa. O último commit de solid-glass foi em 31 de out. de 2026.
- Para que posso usar solid-glass?
- Criar uma interface de chat ou de agente sobre um projeto shadcn/ui existente. Exibir saídas de LLM em streaming, chamadas de ferramentas e solicitações de entrada humana pendentes em um layout legível. Criar um tema visual consistente para um produto de IA sem escrever CSS personalizado do zero.
- Onde consigo solid-glass?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/deeplethe/solid-glass
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Workspace web em React/TypeScript para o Hermes Agent, que reúne chat, arquivos, terminal, memória, skills e monitoramento do agente em uma única interface.
6,8 mil+26 esta semana1,1 milJavaScriptMITAtualizado há 3 dias
Um port não oficial de shadcn/ui para Svelte, com componentes acessíveis e personalizáveis que você copia para o seu app.
9,2 mil+18 esta semana579TypeScriptMITAtualizado há 4 dias
Uma demo open source em Next.js que recria a Intelligent UI do ChatGPT, transmitindo respostas do modelo como mapas, gráficos, formulários e ferramentas funcionais com OpenUI.
952+59 esta semana84TypeScriptMITAtualizado ontem
Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui.
23,1 mil+137 esta semana1,2 milMDXMITBem mantidoAtualizado há 3 dias
Um template de interface para dashboards administrativos, feito com componentes Shadcn UI e Vite, com modos claro e escuro, suporte a RTL e busca global por comandos.
16,6 mil+263 esta semana2,5 milTypeScriptMITAtualizado há 2 meses