// design · creativetimofficial/ui

ui

ui é um projeto de design de código aberto de creativetimofficial (creativetimofficial/ui no GitHub). Tem 12.075 estrelas no GitHub e 4.795 forks, é publicado sob a licença MIT e foi atualizado pela última vez no GitHub em 14 de março de 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,1 mil estrelas⑂ 4,8 mil forksMITatualizado mar 2026
▦ visual: o README deste projeto não inclui nenhuma captura incorporável,
então aqui vai um marcador. O guia abaixo está completo mesmo assim.
// dados do projeto

Dados do projeto

Estrelas no GitHub
12.075
Forks
4.795
Licença
MIT
Última atualização no GitHub
14 de março de 2026
Categoria
Design
Tipo de ficha
Guia de instalação completo
Site oficial
Official site
// como funciona

Como funciona

  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.

// recursos

Por que as pessoas gostam tanto

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
// execute você mesmo

Execute você mesmo

  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
// casos de uso

O que você pode criar

  • Whiteboard product ideas with a team.
  • Document architecture as code.
  • Build a consistent component library.
  • Create presentation-ready diagrams.
Advertisement
// perguntas frequentes

Perguntas frequentes

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.

// continue explorando

Ferramentas semelhantes

Design

diagram-as-code

Diagram-as-code for AWS architecture.

★ 1,6 mil estrelasApache-2.0
Ver o guia →
Design

flat

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

★ 6,4 mil estrelasMIT
Ver o guia →
Design

whiteboard

open-source canvas for thoughtful software design

★ 2,7 mil estrelasMIT
Ver o guia →
Design

flint-chart

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

★ 4,4 mil estrelasMIT
Ver o guia →
Design

pm-skills

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

★ 708 estrelasApache-2.0
Ver o guia →
Design

Airclap

Beautifully designed, ultra-fast cross-platform file transfer

★ 419 estrelasCustom
Ver o guia →
// alternativas

Alternativas em Design

Os outros projetos de Design com mais estrelas no catálogo do LibreAI — a lista realista de alternativas se ui não for o ideal para você.

  • Excalidraw★ 134,0 mil

    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,0 mil

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

  • archify★ 79,8 mil

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

  • AFFiNE★ 73,2 mil

    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,6 mil

    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

// mais em design

Mais em Design

Projetos de Design próximos no catálogo, os mais próximos em estrelas de ui: continue explorando dos dois lados dele.

  • drawnix★ 14,9 mil

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

  • Checkmate★ 10,9 mil

    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,3 mil

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

  • vscode-drawio★ 9,5 mil

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

  • Onlook★ 26,9 mil

    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,0 mil

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

Baixe o ui

Grátis e aberto: pegue o código-fonte, dê uma estrela no repositório e comece a criar.