deeplethe/solid-glass: Дизайн-система в стиле «твёрдого стекла» для AI-приложений на shadcn/ui и Tailwind CSS.
Дизайн-система в стиле «твёрдого стекла» для AI-приложений на shadcn/ui и Tailwind CSS.
Иллюстрация: GitHub
Главное в цифрах
- Звёзд на GitHub: 1,3 тыс.
- Язык: TypeScript
- Лицензия: MIT
Чем полезно
Даёт готовую тему и компоненты для интерфейсов с агентами: статус работы, поле ввода, шаги инструментов, диффы и вопросы агента. Стиль между плоским дизайном и liquid glass, поэтому текст остаётся читаемым. Ставится поверх существующих shadcn-компонентов без правок.
Главные возможности
- Одна CSS-тема с тремя толщинами стекла и единым состоянием
- Компоненты для агентов: turn-status, composer, tool-steps, diff-view, ask-card
- Встраивается в существующий проект shadcn/ui через shadcn add
Для кого
Фронтенд-разработчики, которые строят интерфейсы AI-чатов и агентов на React
Как начать
npx shadcn@latest add deeplethe/solid-glass/solid-glass
Источник: GitHub
GitHub-находки
Такие новости первыми, в Telegram