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

GrapesJS

GrapesJS est un projet de design open source, créé par GrapesJS (GrapesJS/grapesjs sur GitHub). Il compte 26 287 étoiles sur GitHub et 4 650 forks, il est publié sous la licence Custom (check repo) et a été mis à jour pour la dernière fois sur GitHub le 2 octobre 2026.

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

★ 26,3 k étoiles⑂ 4,7 k forksCustom (check repo)mis à jour oct. 2026
▦ visuel — le README de ce projet ne contient aucune capture intégrable,
voici donc un emplacement réservé. Le guide ci-dessous est complet malgré tout.
// détails du projet

Détails du projet

Étoiles GitHub
26 287
Forks
4 650
Licence
Custom (check repo)
Dernière mise à jour sur GitHub
2 octobre 2026
Catégorie
Design
Type de fiche
Guide d'installation complet
Site officiel
Official site
// fonctionnement

Comment ça marche

  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.

// fonctionnalités

Pourquoi on l'adore

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
// lancez-le

Lancez-le vous-même

  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
// cas d'usage

Ce que vous pouvez créer

Advertisement
// faq

Questions fréquentes

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.

// continuez l'exploration

Outils similaires

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 k étoilesApache-2.0
Voir le guide →
Design

Penpot

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

★ 60,6 k étoilesMPL-2.0
Voir le guide →
Design

Screenshot To Code

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

★ 80,0 k étoilesMIT
Voir le guide →
Design

paperbanana

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

★ 2,4 k étoilesMIT
Voir le guide →
Design

openchatbi

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

★ 658 étoilesMIT
Voir le guide →
Design

Smart-AI-Resume-Analyzer

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

★ 256 étoilesMIT
Voir le guide →
// alternatives

Alternatives en Design

Les autres projets de la catégorie Design avec le plus d'étoiles du catalogue LibreAI — la sélection réaliste d'alternatives si GrapesJS ne vous convient pas.

// plus en design

Plus en Design

Projets de la catégorie Design proches dans le catalogue, les plus proches en étoiles de GrapesJS — continuez à explorer de part et d'autre.

Obtenir GrapesJS

Gratuit et ouvert : récupérez le code source, mettez une étoile au dépôt et commencez à créer.