LibreAI / Design / GrapesJS
// design · GrapesJS/grapesjs

GrapesJS

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

★ 26,3 Tsd. Sterne⑂ 4,7 Tsd. ForksCustom (check repo)aktualisiert Okt 2026
▦ Visual — das README dieses Projekts enthält keinen einbettbaren Screenshot,
darum hier ein Platzhalter. Die Anleitung unten ist trotzdem vollständig.
// projektdaten

Projektdaten

GitHub-Sterne
26.287
Forks
4.650
Lizenz
Custom (check repo)
Zuletzt auf GitHub aktualisiert
2. Oktober 2026
Kategorie
Design
Eintragstyp
Vollständige Installationsanleitung
Offizielle Website
Official site
// so funktioniert es

So funktioniert es

  1. Choose your starting point

    A blank canvas, an existing screenshot, or a text prompt describing what you want.

  2. Design visually

    Drag, drop, and edit with real components — what you see is actual code underneath.

  3. Let AI assist

    Generate layouts from screenshots or prompts, then refine by hand where it matters.

  4. Export production code

    Ship clean React/Tailwind/CSS you can actually maintain, not a dead mockup.

// funktionen

Warum es so beliebt ist

Visual editing

Design directly on the canvas with real components and styles.

AI generation

Screenshot-to-code and prompt-to-UI that produce editable results.

Real code output

Exports are maintainable codebases, not locked-in proprietary files.

Collaboration

Multiplayer editing and commenting for teams.

Self-hostable

Your design files live on your infrastructure.

Open formats

No proprietary lock-in on your own work.

Advertisement
// selbst ausführen

Führe es selbst aus

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/GrapesJS/grapesjs.git
    cd grapesjs
  2. Step 2 — Install dependencies

    Use the package manager the project specifies (check for pnpm or yarn lockfiles).

    npm install
  3. Step 3 — Start it

    Launch the dev server or build, per the README.

    npm run dev
// anwendungsfälle

Was du damit bauen kannst

Advertisement
// häufige fragen

Häufige Fragen

Can AI-generated UI be production quality?

As a starting point, yes — expect to refine by hand, which these tools are built for.

Figma replacement?

For many workflows, increasingly yes — especially teams wanting self-hosting or code output.

Who maintains GrapesJS?

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.

What code does it export?

Typically React with Tailwind or plain HTML/CSS, depending on the tool.

Is it free?

The open-source tools here are free to use and self-host.

Do I need design skills?

AI-assisted starting points lower the bar a lot, but taste still helps.

// weiter entdecken

Ähnliche Tools

Design

Onlook

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

★ 26,9 Tsd. SterneApache-2.0
Anleitung ansehen →
Design

Penpot

Penpot: The open-source design platform for Product teams that need scalable collaboration

★ 60,6 Tsd. SterneMPL-2.0
Anleitung ansehen →
Design

Screenshot To Code

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

★ 80,0 Tsd. SterneMIT
Anleitung ansehen →
Design

paperbanana

PaperBanana — agentic generation of publication-quality academic figures, diagrams and plots from text

★ 2,4 Tsd. SterneMIT
Anleitung ansehen →
Design

openchatbi

Chat with your data — natural-language BI with SQL generation

★ 658 SterneMIT
Anleitung ansehen →
Design

Smart-AI-Resume-Analyzer

AI resume analyzer — ATS-friendly templates and job-winning optimization

★ 256 SterneMIT
Anleitung ansehen →
// alternativen

Alternativen im Bereich Design

Die anderen Projekte der Kategorie Design mit den meisten Sternen im LibreAI-Katalog — die realistische Auswahl, falls GrapesJS nicht das Richtige ist.

// mehr in design

Mehr in Design

Verwandte Projekte der Kategorie Design im Katalog, die GrapesJS bei den Sternen am nächsten stehen — zum Weiterstöbern auf beiden Seiten.

Hol dir GrapesJS

Kostenlos und offen — hol dir den Quellcode, gib dem Repository einen Stern und leg los.