Onlook
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
GrapesJS ist ein Open-Source-Projekt aus der Kategorie Design von GrapesJS (GrapesJS/grapesjs auf GitHub). Es hat 26.287 Sterne auf GitHub und 4.650 Forks, wird unter der Lizenz Custom (check repo) veröffentlicht und wurde zuletzt am 2. Oktober 2026 auf GitHub aktualisiert.
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
A blank canvas, an existing screenshot, or a text prompt describing what you want.
Drag, drop, and edit with real components — what you see is actual code underneath.
Generate layouts from screenshots or prompts, then refine by hand where it matters.
Ship clean React/Tailwind/CSS you can actually maintain, not a dead mockup.
Design directly on the canvas with real components and styles.
Screenshot-to-code and prompt-to-UI that produce editable results.
Exports are maintainable codebases, not locked-in proprietary files.
Multiplayer editing and commenting for teams.
Your design files live on your infrastructure.
No proprietary lock-in on your own work.
Download the source and move into the project folder.
git clone https://github.com/GrapesJS/grapesjs.git
cd grapesjsUse the package manager the project specifies (check for pnpm or yarn lockfiles).
npm installLaunch the dev server or build, per the README.
npm run devAs a starting point, yes — expect to refine by hand, which these tools are built for.
For many workflows, increasingly yes — especially teams wanting self-hosting or code output.
It is an open-source project at GrapesJS/grapesjs with 4,650 forks. Check the repo's contributors and recent commits to see how active maintenance is.
Typically React with Tailwind or plain HTML/CSS, depending on the tool.
The open-source tools here are free to use and self-host.
AI-assisted starting points lower the bar a lot, but taste still helps.
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
Penpot: The open-source design platform for Product teams that need scalable collaboration
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
PaperBanana — agentic generation of publication-quality academic figures, diagrams and plots from text
Chat with your data — natural-language BI with SQL generation
AI resume analyzer — ATS-friendly templates and job-winning optimization
Die anderen Projekte der Kategorie Design mit den meisten Sternen im LibreAI-Katalog — die realistische Auswahl, falls GrapesJS nicht das Richtige ist.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
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 — 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
Verwandte Projekte der Kategorie Design im Katalog, die GrapesJS bei den Sternen am nächsten stehen — zum Weiterstöbern auf beiden Seiten.
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…
开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.
:art: Diagram as Code for prototyping cloud system architectures
Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.
Penpot: The open-source design platform for Product teams that need scalable collaboration
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…
Kostenlos und offen — hol dir den Quellcode, gib dem Repository einen Stern und leg los.