Repolode
deeplethe

deeplethe/solid-glass

Un sistema de diseño para aplicaciones de IA: una hoja de estilos compatible con shadcn/ui y componentes con un acabado sólido inspirado en el vidrio.

Estrellas
2,042
Forks
42
Issues abiertos
5
Último commit
hace 7 días

¿Qué es?

Solid Glass es un sistema de diseño para aplicaciones de IA, creado con shadcn/ui, Tailwind CSS 4 y React 19. Se distribuye como una sola hoja de estilos que adapta los componentes existentes de shadcn/ui según sus atributos data-slot y nombres de clase, por lo que no es necesario modificar los componentes que ya hay en un proyecto.

Su estilo visual se sitúa entre el diseño plano y el vidrio líquido: las superficies tienen reflejos sutiles en los bordes, contornos finos y sombras suaves, para que parezcan de un material sólido en lugar de paneles transparentes. El objetivo es ofrecer una interfaz tranquila en la que el texto siga siendo legible mientras se muestran respuestas en streaming, agentes en ejecución y decisiones pendientes.

Además del estilo base, el proyecto incluye componentes propios para interfaces de agentes, como un indicador de estado, un compositor, listas de pasos de herramientas, una vista de diferencias, una tarjeta de preguntas, un anillo de uso del contexto, avisos de tareas y un bloque de razonamiento. También incluye una página Create para ajustar las variables del tema y varias pantallas de ejemplo, que se pueden instalar mediante el shadcn CLI.

Funciones clave

  • 01Una sola hoja de estilos que adapta los componentes existentes de shadcn/ui sin necesidad de modificar el código.
  • 02Compatible con los modos claro y oscuro; el modo oscuro es el diseño principal.
  • 03Variables del tema ajustables, como el grosor, el matiz, el radio y el desenfoque, desde la página Create.
  • 04Componentes orientados a agentes, como el estado del turno, los pasos de herramientas, la vista de diferencias y la tarjeta de preguntas.
  • 05Se instala mediante el shadcn CLI desde el registro del repositorio.

Casos de uso

  • Crear una interfaz de chat o de agentes sobre un proyecto existente de shadcn/ui.
  • Mostrar en una disposición legible las respuestas de LLM en streaming, las llamadas a herramientas y las solicitudes de intervención humana pendientes.
  • Crear un tema visual coherente para un producto de IA sin escribir CSS personalizado desde cero.

En colecciones

Temas

Preguntas frecuentes

¿Qué es solid-glass?
Un sistema de diseño para aplicaciones de IA: una hoja de estilos compatible con shadcn/ui y componentes con un acabado sólido inspirado en el vidrio. Solid Glass es un sistema de diseño para aplicaciones de IA, creado con shadcn/ui, Tailwind CSS 4 y React 19. Se distribuye como una sola hoja de estilos que adapta los componentes existentes de shadcn/ui según sus atributos data-slot y nombres de clase, por lo que no es necesario modificar los componentes que ya hay en un proyecto.
¿solid-glass es gratuito? ¿Qué licencia tiene?
solid-glass es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿solid-glass sigue mantenido?
Mantenimiento activo. El último commit de solid-glass fue el 31 oct 2026.
¿Para qué puedo usar solid-glass?
Crear una interfaz de chat o de agentes sobre un proyecto existente de shadcn/ui. Mostrar en una disposición legible las respuestas de LLM en streaming, las llamadas a herramientas y las solicitudes de intervención humana pendientes. Crear un tema visual coherente para un producto de IA sin escribir CSS personalizado desde cero.
¿Dónde consigo solid-glass?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/deeplethe/solid-glass

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados