LibreAI ENESPTDEFRRUJA
LibreAI / デザイン / ui
// design · creativetimofficial/ui

ui

uiは、creativetimofficialが公開しているオープンソースのデザインプロジェクトです（GitHub: creativetimofficial/ui）。GitHubスターは12,075、フォークは4,795で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年3月14日です。

Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.

★ 12.1k スター⑂ 4.8k フォークMIT更新 2026年3月
GitHubで見る ↗Official site ↗
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

リポジトリ
creativetimofficial/ui
GitHubスター
12,075
フォーク
4,795
ライセンス
MIT
GitHubでの最終更新
2026年3月14日
カテゴリ
デザイン
掲載タイプ
完全なインストールガイド
公式サイト
Official site
// 仕組み

仕組み

  1. Pick the surface

    Whiteboard, diagrams-as-code, or component library — match the artifact.

  2. Start from templates

    Community templates and themes skip the blank page.

  3. Collaborate

    Real-time editing and version history included.

  4. Export & ship

    SVG/PNG/code output drops into products and docs.

// 機能

選ばれる理由

Export anywhere

SVG, PNG, PDF, and framework code.

Self-hostable

Run the whole studio on your own server.

Infinite canvas

Brainstorm without page boundaries.

Component systems

Production-ready UI kits with theming.

Diagrams as code

Version diagrams in git alongside your code.

Real-time collaboration

Multiplayer cursors without the enterprise invoice.

Advertisement
// 自分で実行

自分で実行してみる

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/creativetimofficial/ui.git
cd ui
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// 活用例

作れるもの

  • Whiteboard product ideas with a team.
  • Document architecture as code.
  • Build a consistent component library.
  • Create presentation-ready diagrams.
Advertisement
// よくある質問

よくある質問

Who maintains ui?

It is an open-source project at creativetimofficial/ui with 4,795 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is ui free for commercial use?

MIT licensed — use it commercially, no strings attached.

Is real-time collaboration solid?

Yes — CRDT-based editing is the standard approach now.

Can it replace Figma?

For whiteboarding and diagrams, yes. Deep product design still favors Figma's ecosystem.

What about design handoff?

Export to code and specs that developers can actually use.

// さらに探索

似ているツール

デザイン

diagram-as-code

Diagram-as-code for AWS architecture.

★ 1.6k スターApache-2.0
ガイドを見る →
デザイン

flat

Project flat is the Web, Windows and macOS client of Agora Flat open source classroom.

★ 6.4k スターMIT
ガイドを見る →
デザイン

whiteboard

open-source canvas for thoughtful software design

★ 2.7k スターMIT
ガイドを見る →
デザイン

flint-chart

Flint compiles semantic chart specs into Vega-Lite, ECharts, Chart.js, Plotly — or native Excel charts

★ 4.4k スターMIT
ガイドを見る →
デザイン

pm-skills

68 plug-and-play product management skills for AI agents

★ 708 スターApache-2.0
ガイドを見る →
デザイン

Airclap

Beautifully designed, ultra-fast cross-platform file transfer

★ 419 スターCustom
ガイドを見る →
// 代替候補

代替候補： デザイン

LibreAIカタログに掲載されたデザインプロジェクトの中で最もスターの多いもの — uiが合わなかった場合に検討したい、現実的な候補リストです。

  • Excalidraw★ 134.0k

    Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed

  • Screenshot To Code★ 80.0k

    Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

  • archify★ 79.8k

    Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

  • AFFiNE★ 73.2k

    There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…

  • draw.io Desktop★ 63.6k

    draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0

// さらに見る design

さらに見る： デザイン

カタログの中でuiとスター数が近いデザインプロジェクト — 前後の棚もそのまま見て回れます。

  • drawnix★ 14.9k

    开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

  • Checkmate★ 10.9k

    Checkmate is an open-source, self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents in real-time with beautifu…

  • GrapesJS★ 26.3k

    Free and Open source Web Builder Framework. Next generation tool for building templates without coding

  • vscode-drawio★ 9.5k

    This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

  • Onlook★ 26.9k

    The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…

  • Webstudio★ 9.0k

    Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports…

uiを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。

GitHubで見る ↗← デザインのツールをさらに見る