오픈소스 · 7일 이내 생성 · GitHub 별
1,966★
+1,712★ 기록 시작(10-14 12:03) 이후 · 지금 1위
니스파크 해설GitHub README 기준
10-14 오후 9위로 처음 잡혔고, 10-18 오후 1위를 끝으로 목록에서 빠졌습니다.기록 시작 이후 +1,712★ · 니스파크 수집 기록 20회 기준 (자동 문장)
Solid Glass는 기존 shadcn/ui 컴포넌트에 유리에서 영감을 받은 외관을 적용하는 단일 스타일시트입니다. 섬세한 하이라이트와 가는 테두리, 부드러운 그림자로 깊이를 표현하며, 투명함보다 명료함과 안정감을 강조합니다. 가벼운 CSS로 구성되며 라이트 모드와 다크 모드를 지원합니다.
- 01기존 컴포넌트의 data-slot과 클래스를 찾아 수정 없이 적용합니다.
- 02Create 페이지에서 두께와 색조 등을 조절하고 CSS를 얻습니다.
- 03에이전트의 상태와 작업 단계, 질문 등을 표시하는 컴포넌트를 제공합니다.
- 04컴포넌트로 구성한 전체 화면을 Blocks에서 보고 복사할 수 있습니다.
이런 분께
정보가 계속 바뀌는 AI 애플리케이션에서 차분하고 읽기 쉬운 인터페이스를 구성하려는 경우에 쓸모 있습니다.
쓰기 전 확인원문 기준
- React 19, Tailwind CSS 4, Base UI 컴포넌트를 사용하는 shadcn/ui 프로젝트에서 시작합니다.
- Tailwind와 shadcn 스타일시트 뒤에 가져오고 기존 :root 및 .dark 색상 변수를 삭제합니다.
해설은 GitHub README(10-26 읽음)에 적힌 내용만 AI가 한국어로 정리했습니다. 원문에 없는 기능·수치는 넣지 않습니다. 원문 보기 →
수집 기록20회
| 10-18 19:22 | 1위 | 1,966★ |
| 10-18 13:22 | 1위 | 1,808★ |
| 10-18 07:22 | 1위 | 1,687★ |
| 10-17 19:23 | 2위 | 1,643★ |
| 10-17 13:22 | 2위 | 1,478★ |
| 10-17 07:22 | 2위 | 1,352★ |
| 10-16 19:22 | 2위 | 1,268★ |
| 10-16 13:22 | 2위 | 1,087★ |
| 10-16 09:07 | 4위 | 972★ |
| 10-16 07:22 | 4위 | 961★ |
| 10-15 19:22 | 4위 | 904★ |
| 10-15 13:23 | 4위 | 724★ |
| 10-15 07:22 | 5위 | 590★ |
| 10-14 19:23 | 4위 | 572★ |
| 10-14 13:22 | 9위 | 255★ |
| 10-14 12:52 | 9위 | 254★ |
| 10-14 12:29 | 9위 | 254★ |
| 10-14 12:15 | 9위 | 254★ |
| 10-14 12:05 | 9위 | 254★ |
| 10-14 12:03 | 9위 | 254★ |
관련 공식 소식최근 7일
최근 7일 공식 발표에서 이 이름을 찾지 못했습니다.