deeplethe/solid-glass

어떤 프로젝트인가요?

핵심 기능

• 01코드 수정 없이 기존 shadcn/ui 컴포넌트의 스타일을 바꾸는 단일 스타일시트입니다.
• 02라이트 모드와 다크 모드를 지원하며, 다크 모드가 기본 디자인입니다.
• 03Create 페이지에서 두께, 색조, 반경, 블러 등의 테마 변수를 조정할 수 있습니다.
• 04턴 상태, 도구 단계, diff 뷰, 질문 카드 등 에이전트 중심 컴포넌트를 제공합니다.
• 05저장소 레지스트리에서 shadcn CLI로 설치할 수 있습니다.

활용 사례

• 기존 shadcn/ui 프로젝트를 기반으로 채팅 또는 에이전트 인터페이스를 구축할 때.
• 스트리밍 LLM 출력, 도구 호출, 대기 중인 사용자 입력을 읽기 쉬운 레이아웃으로 표시할 때.
• 처음부터 커스텀 CSS를 작성하지 않고 AI 제품에 일관된 시각적 테마를 적용할 때.

포함된 컬렉션

토픽

자주 묻는 질문

solid-glass은(는) 무엇인가요?

AI 애플리케이션을 위한 디자인 시스템: 견고하고 글래스에서 영감을 받은 스타일의 shadcn/ui 호환 스타일시트와 컴포넌트입니다. Solid Glass는 shadcn/ui, Tailwind CSS 4, React 19를 기반으로 만든 AI 애플리케이션용 디자인 시스템입니다. 단일 스타일시트로 제공되며, 기존 shadcn/ui 컴포넌트의 data-slot 속성과 클래스 이름을 기준으로 스타일을 다시 적용하므로 프로젝트에 이미 있는 컴포넌트를 수정할 필요가 없습니다.

solid-glass은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

solid-glass은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

solid-glass은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. solid-glass의 마지막 커밋은 2026년 10월 31일입니다.

solid-glass은(는) 어디에 사용할 수 있나요?

기존 shadcn/ui 프로젝트를 기반으로 채팅 또는 에이전트 인터페이스를 구축할 때. 스트리밍 LLM 출력, 도구 호출, 대기 중인 사용자 입력을 읽기 쉬운 레이아웃으로 표시할 때. 처음부터 커스텀 CSS를 작성하지 않고 AI 제품에 일관된 시각적 테마를 적용할 때.

solid-glass은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/deeplethe/solid-glass