automation

Build React apps with puck

Name: Build React apps with puck
Author: puckeditor

Create React apps visually with puck, ideal for founders needing no-code solutions, backed by 13k+ GitHub stars

12,963 stars931 forksTypeScriptQuality 9/10Updated 7/15/2026100% free · open source

What it does

Puck is a visual editor that allows you to create React applications without writing code, ideal for non-technical founders who want to build web applications quickly and easily.

Install / run

npm install -g puck

When to use it

•You need to build a web application but don't have extensive coding knowledge
•You want to rapidly prototype and test a React application without writing code
•You're looking for a no-code solution to build a web application with a React-based frontend

Quick start

1Run 'puck init' to create a new Puck project
2Open the Puck editor by running 'puck start' and navigate to http://localhost:3000 in your browser
3Use the visual editor to drag and drop components, configure layouts, and add functionality to your application
4Save your changes and run 'puck build' to generate the React code for your application
5Use 'puck export' to export your application as a standalone React project

Ready-to-paste prompt

Run 'puck init my-app' to create a new Puck project called 'my-app' with a basic React setup

Heads up: Make sure you have Node.js (14 or higher) and npm installed on your system before attempting to install and run Puck, as it relies on these dependencies to function correctly

Saves to your device