Zed エディタの GPU 加速 UI フレームワーク gpui 向けの、130 以上のコンポーネント、テーマシステム、リアクティブ状態層を備えた統合コンポーネントライブラリです。
中辛 の解説
スタック: Rust + gpui（GPU 加速 UI フレームワーク）。難易度: 中程度（gpui の基礎知識あるなら即座に使える）。すぐに使える: はい — crates.io の guise-ui = "1.2" で依存性に加えるだけで、130 以上のコンポーネント、open-color パレット、Lucide の全 1,991 アイコン、JSON テーマファイル（6 プリセット付き）、リアクティブバインディングがそろいます。デモ: cargo run -p gallery でコンポーネント一覧を即座に確認、cargo run -p tailor-app でビジュアルビルダーを起動できます。
こんなリポジトリです
こんなときに便利です
- gpui ベースのアプリケーションで統一されたデザインシステムと 130+ 再利用可能なコンポーネントを使いたい場合。
- UI コードを書かず Tailor のドラッグ&ドロップビルダーで画面レイアウトを設計し、生成された Rust コンポーネントを即座に実装に組込みたい場合。
- アイコン・テーマ・トークン（色・サイズ・間隔）をビルトインで持つ UI フレームワークを選びたい場合。
主な機能
ほかとの違い
gpui-component や adabraka-ui と異なり、guise は Tailor というビジュアルビルダーを標準で同梱し、アイコン 1,991 個をアセットパイプラインなしで埋込フォント化し、Zed スタイルのパネルスプリット・レイアウト永続化を提供します。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
準備するもの
- Rust stable
- gpui 0.2.2
すぐに始める
- Cargo.toml に guise-ui と gpui を追加します。
cargo add guise-ui@1.2 gpui@0.2.2
- main.rs でテーマを初期化し、UI を構築します。
use guise::prelude::*;
fn main() {
guise::Theme::dark().init(cx);
let view = Stack::new()
.gap(Size::Md)
.child(Title::new("Welcome").order(1))
.child(
Button::new("save", "Save changes")
.variant(Variant::Filled)
.color(ColorName::Blue)
);
}
- コンポーネント一覧を確認するには、リポジトリをクローンしてギャラリーを実行します。
git clone https://github.com/wess/guise
cd guise
cargo run -p gallery
- ビジュアルビルダー Tailor を起動します。
cargo run -p tailor-app
- テストを実行します。
cargo test -p guise-ui
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try wess/guise
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
スター推移 · 7日
確認日時
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2026 年に作成
「デザイン・UI コンポーネント」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/wess/guise)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る