Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in

Create Guten Block

Create React gutenblocks with zero-config JavaScript toolkit

1 follower

Create React gutenblocks with zero-config JavaScript toolkit

1 follower

Visit website
📦 Create Guten Block is a zero configuration dev-toolkit (#0CJS) to develop WordPress Gutenberg blocks in a matter of minutes without configuring React, webpack, ES6/7/8/Next, ESLint, Babel, etc.
  • Overview
  • Launches1
  • Reviews
  • Alternatives
  • Team
  • More
Company Info
github.com/ahmadawais/create-guten-blockGitHub
Create Guten Block Info
Launched in 2018View 1 launch
Forum
p/create-guten-block
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialX

Similar Products

Reakit
Reakit
Toolkit for building accessible rich web apps with React.
Interface design toolsUI frameworks
DotConfig
DotConfig
Super simple webpack configuration wizard 🛠️
PoemKit
React toolkit for fast web design and development
Revive Old Post
Revive Old Post
Reviving Older Blog Post on Twitter (wordpress plugin)
5.0(1 review)
Create Guten Block gallery image
Create Guten Block gallery image
Create Guten Block gallery image
Launch tags:
Productivity•Writing•Developer Tools
Launch Team
Jack SmithMaedah BatoolAhmad Awais ⚡

What do you think? …

Ahmad Awais ⚡
Ahmad Awais ⚡

Create Node CLI

Maker
—— 🙌 —— Hi, I’m Ahmad Awais a full stack web dev and regular core contributor to software called WordPress. I developed `create-guten-block` to help developers build #Gutenblocks without having to configure anything for using React, webpack, ESLint, Babel, etc. tools. 🔥 create-guten-block is trending on GitHub — looks like devs like it. 🌟 Star the GitHub repo for updates → https://github.com/ahmadawais/cr... —— 🤔 WHY —— WordPress 5.0 will have a new editor i.e. Gutenberg that will change how every new theme and plugin will be built. Gutenberg is built with JavaScript, React.js, webpack, ESLint, Babel, etc. Configuring these tools and writing your first hello world block takes hours if not days. With create-guten-block however, you can get started by creating blocks in under two minutes. → That's a big win for your development workflow. —— 🔰 Workflow! —— There are just three scripts that you can use in your create-guten-block workflow. With these three scripts, you can develop, build, and eject your plugin. 👉 npm start — Use to compile and run the block in development mode. — Watches for any changes and reports back any errors in your code. 👉 npm run build — Use to build production code for your block inside dist folder. — Runs once and reports back the gzip file sizes of the produced code. 👉 npm run eject — Use to eject your plugin out of create-guten-block. — Provides all the configurations so you can customize the project as you want. — It's a one-way street, eject and you have to maintain everything yourself. — You don't normally have to eject a project because by ejecting you lose the connection with create-guten-block and from there onwards you have to update and maintain all the dependencies on your own. That's about it. Your feedback is more than welcomed! Peace! ✌️ --- 🔥 create-guten-block is trending on GitHub — looks like devs like it. 🌟 Star the GitHub repo for updates → https://github.com/ahmadawais/cr...
Report
7yr ago
Jabran Rafique
Jabran Rafique
JABRAF

JABRAF

@mrahmadawais Although I am not familiar with this part of WP (yet) but I know you would always make useful and helpful things! Keep it up. 👍
Report
7yr ago
Ahmad Awais ⚡
Ahmad Awais ⚡

Create Node CLI

Maker
@jabranr Thanks as always for your support! 🙌🚀
Report
7yr ago
Mian Shahzad Raza
Mian Shahzad Raza

I am really excited about the gutenberg, and this product seems helpful getting started with gutenberg.

As its already started trending on github, it surely is a great product. I will give it a try as soon as i got the time to test it.

Pros:

Adds all required gutenberg frameworks automatically.

Cons:

Needs testing, will update once i found any.

Report
7yr ago
Ahmad Awais ⚡
Ahmad Awais ⚡

Create Node CLI

Maker
It's completely documented, and intentionally that way. It's really that easy. That's very kind of you to say! 💯
Report
7yr ago
Nathan
Nathan
At first I thought it said Gluten Block, and had to give an eye roll. But this looks awesome! Great work!
Report
7yr ago
Ahmad Awais ⚡
Ahmad Awais ⚡

Create Node CLI

Maker
@nrmadi Hahaha! Close enough! 🍩
Report
7yr ago
AutoForm
AutoForm — Automate the busywork from your files and your tools.
Automate the busywork from your files and your tools.
Promoted

Do you use Create Guten Block?

Reviews
Helpful

You might also like

Reakit
Reakit
Toolkit for building accessible rich web apps with React.
DotConfig
DotConfig
Super simple webpack configuration wizard 🛠️
PoemKit
React toolkit for fast web design and development
Revive Old Post
Revive Old Post
Reviving Older Blog Post on Twitter (wordpress plugin)
View more
Review Create Guten Block?Be the first to review Create Guten Block