Zed 에디터의 UI 프레임워크인 GPUI용으로 만든 라이트/다크 테마 지원 Rust UI 컴포넌트 라이브러리입니다.
중간맛 분석
GPUI 프레임워크로 Rust 데스크톱 앱 UI를 만들 때 쓸 수 있는 테마 지원 컴포넌트 모음입니다. Cargo.toml에 이 라이브러리와 GPUI, gpui_platform을 git 의존성(특정 커밋 revision 고정)으로 추가하고, 코드에서 init 함수로 폰트와 테마를 등록한 뒤 Theme::set_mode로 라이트/다크를 전환하는 방식으로 사용합니다. cargo run --example gallery로 모든 컴포넌트를 미리 볼 수 있는 갤러리 예제가 포함되어 있고, 이 갤러리는 WebAssembly로 빌드해 브라우저에서도 실행할 수 있습니다(실제로 elygpui.com에서 라이브 데모를 볼 수 있음). 별도의 frontend 폴더에는 pnpm 기반 웹사이트 빌드 스크립트도 있습니다. macOS에서 텍스트 렌더링을 위해 font-kit 기능이 필요하다는 제약이 있고, 프로젝트가 초기 단계라 TASKS.md로 컴포넌트 진행 상황을 추적하고 있습니다.
이런 레포예요
핵심 기능
대안 대비 차별점
Zed 에디터를 만든 GPUI 프레임워크 전용으로 설계되었으며, 네이티브 실행과 WebAssembly 빌드를 모두 지원하는 라이브 갤러리를 제공한다는 점이 README에서 확인된다.
먹어본 사람들
실제로 차려 먹어본 손님들의 흔적이에요 — 한마디와 완주 인증 모두 검수 후 공개돼요.
이 레포, 해먹는 법
처음 오셨어요? 어렵지 않아요 — 위에서 아래로 따라 하면 내 컴퓨터에 이 레포를 차려서 바로 맛볼 수 있어요.
준비물
- Rust 및 Cargo
- GPUI 프레임워크(Zed 저장소의 특정 git revision)에 대한 git 의존성
- macOS에서는 font-kit 기능 활성화 필요
- 웹 프론트엔드 실행 시 pnpm
바로 차려먹기Rust (cargo)
깃밥이 레포 구조를 확인하고 만든 실행 명령이에요. 터미널에 붙여넣으면 받기부터 실행까지 한 번에 진행돼요.
git clone --depth 1 https://github.com/ZacharyZhang-NY/Ely-GPUI-Components.git && cd Ely-GPUI-Components && cargo run
코드는 내 컴퓨터에서 실행돼요 — 처음 보는 레포라면 내용을 한번 훑어보고 실행하는 습관을 추천해요.
README가 안내하는 자세한 단계 보기
- Cargo.toml에 의존성을 추가합니다 (ely-gpui-component, gpui, gpui_platform을 git 경로와 특정 revision으로 지정)
[dependencies]
ely-gpui-component = { git = "https://github.com/ZacharyZhang-NY/Ely-GPUI-Components" }
gpui = { git = "https://github.com/zed-industries/zed", rev = "1a28cff4b409169bac058bca40dfbfeb7621d19b" }
gpui_platform = { git = "https://github.com/zed-industries/zed", rev = "1a28cff4b409169bac058bca40dfbfeb7621d19b", features = ["font-kit"] }
- 컴포넌트 갤러리를 네이티브로 실행합니다
cargo run --example gallery
- 특정 페이지만 보려면 인자를 추가합니다
cargo run --example gallery -- --page buttons
- (선택) macOS에서 모든 페이지의 라이트/다크 스크린샷을 캡처합니다
cargo run --example gallery -- --capture shots
- (선택) 웹사이트/프론트엔드를 로컬에서 실행합니다
cd frontend
pnpm install
pnpm dev
깃밥트라이로 맛보기
받아보기 귀찮고 살짝 불안했다면 — 안전 스캔부터 설치까지 터미널 한 줄로 끝나요.
터미널에 붙여넣으면 깃밥 안전 스캔 → 격리 폴더 clone → 설치 → 실행법 안내까지 자동이에요. 처음이어도 괜찮아요 — 이 한 줄이 전부예요.
npx gitbap-try ZacharyZhang-NY/Ely-GPUI-Components
Node.js만 있으면 설치 없이 실행돼요 · 깃밥트라이가 뭐예요? →
별 추이 · 7일
확인 시각
활용성 · 따라 만들기 좋은가
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2026년 생성
「디자인·UI 컴포넌트」 이런 레포, 매주 받아보실래요?
매주 월요일 아침, 골라 담은 밥상만. 광고 없이 · 언제든 해지.
내 레포인가요? README에 깃밥 배지 달기
[](https://www.gitbap.com/r/ZacharyZhang-NY/Ely-GPUI-Components)🔌 클로드에서 바로 써보기 — 깃밥 연결하는 법
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기