翻訳準備中 — 韓国語の原文を表示しています。
Toss의 UI 컴포넌트 라이브러리
中辛 の解説
TypeScript 기반의 컴포넌트 라이브러리로, React 프로젝트에서 즉시 활용 가능한 UI 요소들을 제공합니다. 실제 프로덕션 서비스인 Toss에서 검증된 컴포넌트들이므로 안정성이 높습니다. 데모와 문서가 함께 제공되어 개발자들이 쉽게 도입할 수 있습니다.
이런 레포예요
이럴 때 쓰면 좋아요
- React 프로젝트에서 일관된 UI 컴포넌트를 빠르게 구성할 때
- Toss와 같은 대규모 서비스의 디자인 시스템을 참고할 때
핵심 기능
食べた人たち
実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
준비물
- Node.js
- npm 또는 yarn
すぐ動かしてみるNode.js (yarn)
ギット飯がリポジトリの構成を確認して組み立てた実行コマンドです。ターミナルに貼り付ければ、取得から実行までまとめて進みます。
git clone --depth 1 https://github.com/toss/toss-ui.git && cd toss-ui && yarn
실행 명령은 README를 확인하세요.
コードは自分の環境で動きます — はじめて見るリポジトリなら、中身にひととおり目を通してから実行するのがおすすめです。
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try toss/toss-ui
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
スター推移 · 7日
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
更新の情報なし · 2021 年に作成
「디자인·UI 컴포넌트」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/toss/toss-ui)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 をもとに要約しました · 原文を見る