// design · creativetimofficial/ui

ui

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 stars⑂ 4.8k forksMITupdated 2026-03
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

ui is an open-source design project by creativetimofficial (creativetimofficial/ui on GitHub). It has 12,075 GitHub stars and 4,795 forks, is released under the MIT license, and was last updated on GitHub on 14 March 2026.

GitHub stars
12,075
Forks
4,795
License
MIT
Last updated on GitHub
14 March 2026
Category
Design
Listing
Full install guide
Official site
Official site
// how it works

How it works

  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.

// features

Why people love it

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
// run it

Run it yourself

  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
// use cases

What you can build

Advertisement
// faq

Questions, answered

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.

// keep exploring

Similar tools

Design

diagram-as-code

Diagram-as-code for AWS architecture.

★ 1.6k starsApache-2.0
View guide →
Design

flat

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

★ 6.4k starsMIT
View guide →
Design

whiteboard

open-source canvas for thoughtful software design

★ 2.7k starsMIT
View guide →
Design

flint-chart

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

★ 4.4k starsMIT
View guide →
Design

pm-skills

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

★ 708 starsApache-2.0
View guide →
Design

Airclap

Beautifully designed, ultra-fast cross-platform file transfer

★ 419 starsCustom
View guide →
// alternatives

Alternatives in Design

The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if ui is not the right fit.

Get ui

Free and open — grab the source, star the repo, and start creating.