Puck Logo

Puck

#1 Daily Winner

Embeddable drag-and-drop visual editor for React apps

2 upvotes
Puck - Product Image

What is Puck?

The drag-and-drop visual editor you can embed in any React application. It's MIT licensed, fully customizable, uses your own components, and saves your data wherever you want. No fees, no limits, no vendor lock-in.

How to use Puck

  1. 1

    Install Puck from npm in your React project.

  2. 2

    Register your design system components with Puck’s component map.

  3. 3

    Embed the editor component into your application.

  4. 4

    Implement a save handler to store page data in your own backend.

  5. 5

    Deploy and let non-technical users build pages visually.

Key features

Intuitive drag-and-drop visual editing for React components.

AI generates interfaces constrained to your design system.

Embeddable in any React app, fully customizable with your own components.

Save data anywhere with no vendor lock-in.

MIT licensed, no fees, no limits.

Use cases

  • Standalone CMS for agencies or open-source projects
  • Automated enterprise content publishing workflows
  • White-label visual editor embedded in commercial products
  • No-code development for non-technical team members
  • Rapidly build marketing pages without engineering

Best for

React developersDesign system engineersAgenciesEnterprise teamsNon-technical buildersIndie hackers

Alternatives & similar tools

Similar tools in Developer Tools

Browse category →
Days Launch logo

Days Launch

free

Days Launch is a vibrant product discovery platform that helps you find and share the latest tech offerings. From website templates and SaaS apps to analytics tools and marketing services, it brings daily updates on handpicked products in one place. Whether you’re building, launching, or scaling your project, Days Launch keeps you inspired with weekly, monthly, and yearly curated lists. Join the community, submit your own launch, and stay in the loop with our newsletter.

8View on LaunchVault
Cavuno logo

Cavuno

freemium

Cavuno is the AI-native job board platform that runs itself. Launch a branded, white-label job board in minutes — no coding required. AI handles the heavy lifting: job aggregation from millions of listings, semantic search that understands intent, auto-tagging, and company enrichment. Grow organically with programmatic SEO and job alerts. Monetize with paid listings, subscriptions, and display ads via Stripe. Built by the founders of Himalayas, one of the world's largest remote job boards.

8View on LaunchVault
SetBit logo

SetBit

freemium

SetBit gives you feature flags without the enterprise pricing or complexity. Toggle features on and off instantly, roll out to a percentage of users, run A/B experiments — all without redeploying. SDKs for JavaScript, Python, Ruby, Go, and PHP. Free tier to start, $49/month when you're ready to scale. No seat-based pricing, no sales calls, no BS. Just feature flags that work.

8View on LaunchVault
Startup to startup logo

Startup to startup

free

Startup to startup is a curated directory of essential tools for every stage of your startup journey. Handpicked by experts, the directory helps founders, marketers, developers, and product teams discover the right tools to launch faster and grow smarter. Browse categories like Marketing, Sales, Development, and Productivity, or explore collections based on startup stage. Each listing includes a short description, tags, and links to the tool's website. You can also submit your own product to be featured. Stay updated with the latest additions by subscribing to the newsletter, and connect with other startups through the community. Whether you're looking for SEO tools, email services, design resources, or analytics platforms, Startup to startup has you covered.

7View on LaunchVault
diffray logo

diffray

free

diffray is a multi-agent AI code review tool that moves beyond single-model guessing to provide intelligent, context-aware feedback. Instead of generic suggestions, diffray deploys 30+ specialized agents that investigate your code across security, performance, bugs, and quality dimensions. The system understands your full codebase, catching issues that traditional linters and single-LLM tools miss: duplicate utilities, type drift, atomic transaction bugs, concurrency issues, and meaningless tests. With 87% fewer false positives and a 98% developer action rate, teams see focused feedback they actually trust and act on. Setup takes minutes—connect your GitHub account, install the app, and configure your guidelines. diffray integrates with GitHub, GitLab, and Bitbucket, and is free forever for open source projects. Pricing starts at $10/month for solo developers and scales with team size.

7View on LaunchVault
MarsX logo

MarsX

free

Attention all developers, entrepreneurs, and tech enthusiasts: Are you ready to revolutionize the world of software development? With MarsX, you can create high-quality apps quickly and easily, without the need to reinvent the wheel or spend hours writing complex code. Our low-code platform allows you to focus on the unique aspects of your projects, while our subscription-based model provides access to all the micro apps built by thousands of developers. But that's not all! By building micro-apps and publishing them on our marketplace, you can generate a sustainable revenue stream and take your career to the next level. With MarsX, you can create MicroApps instead of building yet another SAAS with less hustle and no need to market, and be paid by thousands of users. Join us and unlock the potential of a devtool that combines AI+NoCode+ProCode on top of MicroApps🚀 Member of marsx.dev family Got a question or wanna say hi? I’m on Twitter: @johnrushx

7View on LaunchVault

Frequently asked questions about Puck

Common questions to help you decide if Puck is right for you.

Yes, Puck is MIT licensed with no fees, no limits, and no vendor lock-in. You can use it freely in commercial projects.

You register your components with Puck's component map, and the editor automatically supports them for drag-and-drop editing.

The AI generates complete interfaces constrained to your design system, components, brand, and data, helping build pages at scale.

Absolutely. Puck is just a React library; you embed it and save data to your own backend. Puck Cloud provides optional managed features.

Puck is for React teams, agencies, and enterprises wanting to empower non-technical users to build on-brand interfaces without code changes.

Comments