Design
diagram-as-code
Diagram-as-code for AWS architecture.
★ 1.6k starsApache-2.0
View guide →// design · creativetimofficial/ui
ui
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.
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.
so here's a placeholder. The guide below is complete regardless.
// project facts
Project facts
- Repository
- creativetimofficial/ui
- 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
- Pick the surface
Whiteboard, diagrams-as-code, or component library — match the artifact.
- Start from templates
Community templates and themes skip the blank page.
- Collaborate
Real-time editing and version history included.
- 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
- Step 1 — Clone the repo
Download the source and move into the project folder.
git clone https://github.com/creativetimofficial/ui.git cd ui - Step 2 — Check the README
Every project documents its own setup; start with install requirements.
cat README.md | head -60 - 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
- Whiteboard product ideas with a team.
- Document architecture as code.
- Build a consistent component library.
- Create presentation-ready diagrams.
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
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.
- 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
// more in design
More in Design
Nearby Design projects in the catalogue, closest in stars to ui — keep exploring the shelf either side of it.
- 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…
Get ui
Free and open — grab the source, star the repo, and start creating.