Fluent UI 디자인 시스템으로 웹 앱을 만드는 데 필요한 React 컴포넌트, 웹 컴포넌트, 유틸리티를 제공하는 Microsoft의 모노레포입니다.
palantir/blueprint
데스크톱 스타일 애플리케이션을 위한 복잡하고 데이터 밀도 높은 웹 UI를 구축하는 React 기반 툴킷입니다.
- 스타
- 22,157
- 포크
- 2,371
- 열린 이슈
- 966
- 마지막 커밋
- 4일 전
어떤 프로젝트인가요?
Blueprint는 최신 브라우저에서 실행되는 데스크톱 스타일 애플리케이션처럼 복잡하고 데이터 밀도가 높은 인터페이스를 만들기 위한 웹용 React 컴포넌트 툴킷입니다. 모바일 우선 툴킷이 아님을 명확히 밝히고 있습니다.
이 저장소는 여러 npm 패키지로 배포되는 모노레포입니다. 핵심 패키지는 스타일과 컴포넌트를 제공하며, 날짜 및 시간 입력, 아이콘(SVG와 아이콘 폰트로 제공), 목록에서 항목 선택, 확장 가능하고 상호작용할 수 있는 스프레드시트형 테이블을 위한 보조 패키지도 포함합니다. colors 패키지는 디자인 시스템의 색상 변수를 제공합니다.
프로젝트에는 문서와 데모 애플리케이션도 포함되어 있습니다. 또한 Blueprint 사용 규칙을 적용하는 ESLint 및 stylelint 플러그인, Sass 및 Webpack 빌드 스크립트와 같은 공용 빌드 도구도 제공합니다.
핵심 기능
- 01웹 UI 구축을 위한 핵심 스타일 및 React 컴포넌트
- 02확장 가능하고 상호작용할 수 있는 스프레드시트형 테이블 컴포넌트
- 03별도 패키지로 제공되는 날짜 및 시간 입력 컴포넌트
- 04SVG 및 아이콘 폰트 방식으로 제공되는 아이콘
- 05Blueprint 사용 모범 사례를 적용하는 린트 플러그인
활용 사례
- 브라우저에서 데이터가 많은 내부 도구나 대시보드 구축
- 밀도 높은 폼과 테이블을 갖춘 데스크톱 스타일 웹 애플리케이션 제작
- React 앱에 다크 및 라이트 테마를 지원하는 일관된 디자인 시스템 추가
빠른 시작
- 1
.nvmrc에 지정된 Node 버전을 사용합니다
nvm use - 2
corepack으로 pnpm을 활성화합니다
corepack enable - 3
모노레포의 모든 종속성을 설치합니다
pnpm install - 4
데모 앱을 실행해 설정을 확인합니다
pnpm dev:demo
사용 전 알아둘 점
- 데스크톱 스타일 애플리케이션용으로 제작되었으며, 모바일 우선 툴킷은 아닙니다.
- 개발에는 Node.js v24.11+ 및 pnpm v10.x가 필요하며, Windows 설정에는 추가 빌드 도구가 필요합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- blueprint은(는) 무엇인가요?
- 데스크톱 스타일 애플리케이션을 위한 복잡하고 데이터 밀도 높은 웹 UI를 구축하는 React 기반 툴킷입니다. Blueprint는 최신 브라우저에서 실행되는 데스크톱 스타일 애플리케이션처럼 복잡하고 데이터 밀도가 높은 인터페이스를 만들기 위한 웹용 React 컴포넌트 툴킷입니다. 모바일 우선 툴킷이 아님을 명확히 밝히고 있습니다.
- blueprint은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- blueprint은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- blueprint은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. blueprint의 마지막 커밋은 2026년 10월 21일입니다.
- blueprint은(는) 어디에 사용할 수 있나요?
- 브라우저에서 데이터가 많은 내부 도구나 대시보드 구축 밀도 높은 폼과 테이블을 갖춘 데스크톱 스타일 웹 애플리케이션 제작 React 앱에 다크 및 라이트 테마를 지원하는 일관된 디자인 시스템 추가
- blueprint는 어떻게 설치하나요?
- .nvmrc에 지정된 Node 버전을 사용합니다: nvm use corepack으로 pnpm을 활성화합니다: corepack enable 모노레포의 모든 종속성을 설치합니다: pnpm install 데모 앱을 실행해 설정을 확인합니다: pnpm dev:demo
- blueprint은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/palantir/blueprint
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
맞춤형 디자인 시스템 구축을 위한 접근성 높은 UI 기본 요소를 제공하는 스타일 없는 React 컴포넌트 라이브러리입니다.
Tailwind CSS에 클래스 이름으로 바로 사용할 수 있는 UI 컴포넌트를 추가하는 무료 오픈소스 라이브러리입니다.
설치할 패키지 없이 프로젝트에 복사해 붙여 넣어 쓰는 무료 오픈 소스 Tailwind CSS UI 컴포넌트 모음입니다.
웹 애플리케이션 구축을 위한 엔터프라이즈급 React UI 컴포넌트 라이브러리이자 디자인 언어입니다.
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.