스케일링, 간격, 색상 설계 공식을 기반으로 한 CSS 우선 UI 컴포넌트 프레임워크로, 현재 Next.js를 지원하며 아직 프로덕션 사용에는 적합하지 않습니다.
internet-development/www-sacred
터미널풍 모노스페이스 디자인의 웹 앱, 데스크톱 앱, 정적 사이트를 만들기 위한 React 컴포넌트 및 스타일 라이브러리입니다.
- 스타
- 1,569
- 포크
- 82
- 열린 이슈
- 4
- 마지막 커밋
- 3일 전
어떤 프로젝트인가요?
SRCL은 인터페이스에 터미널 분위기를 더해 주는 React 컴포넌트 및 CSS 저장소입니다. 컴포넌트는 정밀한 모노스페이스 문자 간격과 줄 높이를 바탕으로 만들어져, 개발자가 처음부터 스타일을 구현하지 않고도 바로 사용할 수 있는 요소를 웹, 데스크톱 또는 정적 프로젝트에 복사해 붙여 넣을 수 있습니다.
이 프로젝트에는 scripts/cli/lib에 있는 작은 무의존성 CLI 프레임워크와 이에 대응하는 TypeScript 및 Python 버전이 포함되어 있습니다. 터미널 템플릿과 React 스타일이 동일한 색상 팔레트를 공유하므로, 같은 레이아웃 규칙을 유지하면서 터미널 UI와 브라우저 UI 간에 화면을 포팅할 수 있습니다.
저장소에서는 컴포넌트 소스와 함께 AGENTS.md 및 SKILL.md 안내 파일도 문서 URL에 공개합니다. 덕분에 개발자와 AI 에이전트는 규칙과 포팅 가이드를 바로 확인할 수 있습니다.
핵심 기능
- 01정밀한 문자 간격과 줄 높이를 적용한 모노스페이스 기반 React 컴포넌트.
- 02빠르게 조합할 수 있도록 복사해 붙여 넣기 편하게 구현된 컴포넌트.
- 03React 스타일과 색상 팔레트를 공유하는 무의존성 TypeScript 및 Python CLI 프레임워크.
- 04터미널풍 UI를 TypeScript CLI, Python, React 간에 옮기기 위한 포팅 가이드.
- 05사람과 AI 에이전트가 볼 수 있도록 안정적인 URL에 공개된 컴포넌트 소스와 규칙 문서.
활용 사례
- 복고풍 터미널 분위기가 필요한 웹 앱이나 정적 사이트 만들기.
- 모노스페이스 기반의 텍스트 중심 디자인으로 데스크톱 스타일 인터페이스 만들기.
- 터미널 UI를 React 페이지로 포팅하거나 그 반대로 옮기기.
- 웹 디자인과 어울리는 TypeScript 또는 Python CLI 화면 작성하기.
빠른 시작
- 1
종속성을 설치합니다(Node.js 22.12 이상, 24.x 또는 26 이상 필요)
npm install - 2
개발 서버를 시작합니다
npm run dev - 3
브라우저에서 http://localhost:10000을 엽니다
사용 전 알아둘 점
- 지원되는 Node.js 버전 범위가 제한되어 있습니다. 22.x 계열은 22.12 이상, 또는 24.x, 26 이상이 필요합니다. Node 18, 20, 23, 25는 지원되지 않습니다.
토픽
자주 묻는 질문
- www-sacred은(는) 무엇인가요?
- 터미널풍 모노스페이스 디자인의 웹 앱, 데스크톱 앱, 정적 사이트를 만들기 위한 React 컴포넌트 및 스타일 라이브러리입니다. SRCL은 인터페이스에 터미널 분위기를 더해 주는 React 컴포넌트 및 CSS 저장소입니다. 컴포넌트는 정밀한 모노스페이스 문자 간격과 줄 높이를 바탕으로 만들어져, 개발자가 처음부터 스타일을 구현하지 않고도 바로 사용할 수 있는 요소를 웹, 데스크톱 또는 정적 프로젝트에 복사해 붙여 넣을 수 있습니다.
- www-sacred은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- www-sacred은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- www-sacred은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. www-sacred의 마지막 커밋은 2026년 11월 4일입니다.
- www-sacred은(는) 어디에 사용할 수 있나요?
- 복고풍 터미널 분위기가 필요한 웹 앱이나 정적 사이트 만들기. 모노스페이스 기반의 텍스트 중심 디자인으로 데스크톱 스타일 인터페이스 만들기. 터미널 UI를 React 페이지로 포팅하거나 그 반대로 옮기기. 웹 디자인과 어울리는 TypeScript 또는 Python CLI 화면 작성하기.
- www-sacred는 어떻게 설치하나요?
- 종속성을 설치합니다(Node.js 22.12 이상, 24.x 또는 26 이상 필요): npm install 개발 서버를 시작합니다: npm run dev 브라우저에서 http://localhost:10000을 엽니다
- www-sacred은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/internet-development/www-sacred
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
다크 모드와 Next.js RSC를 지원해 웹 앱을 빠르게 만들 수 있는 접근성 중심의 React 컴포넌트 라이브러리이자 디자인 시스템입니다.
디자인 시스템과 웹 앱을 만들기 위한, 스타일이 지정되지 않은 접근성 높은 React UI 프리미티브 오픈소스 모음입니다.
Arco Design 시스템을 기반으로 디자인 토큰을 커스터마이즈할 수 있고 TypeScript 타입을 제공하는 60개 이상의 React UI 컴포넌트 라이브러리입니다.
독창적인 아이콘, 일러스트, 애니메이션을 갖춘 아늑한 아일랜드풍 React 및 TypeScript UI 컴포넌트 라이브러리입니다.
디자이너와 프런트엔드 개발자가 테마를 공유해 협업할 수 있도록 설계된 엔터프라이즈급 백오피스용 React 컴포넌트 라이브러리입니다.