{"id":13461443,"url":"https://github.com/ahmadawais/create-guten-block","last_synced_at":"2025-09-29T19:31:13.353Z","repository":{"id":37432348,"uuid":"114870155","full_name":"ahmadawais/create-guten-block","owner":"ahmadawais","description":" 📦    A zero-configuration #0CJS developer toolkit for building WordPress Gutenberg block plugins.","archived":true,"fork":false,"pushed_at":"2022-10-10T02:27:34.000Z","size":1260,"stargazers_count":3152,"open_issues_count":107,"forks_count":327,"subscribers_count":85,"default_branch":"master","last_synced_at":"2024-09-22T21:33:14.101Z","etag":null,"topics":["gutenberg","wordpress","wordpress-gutenberg","wordpress-plugin","zero-configuration"],"latest_commit_sha":null,"homepage":"https://Awais.dev/cgb-post","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ahmadawais.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":"contributing.md","funding":".github/FUNDING.yml","license":"license","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://Awais.dev/sponsor-USD-10-pm","https://Awais.dev/sponsor-USD-10","https://Awais.dev/sponsor-USD-100","https://Awais.dev/sponsor-USD-50"]}},"created_at":"2017-12-20T09:45:01.000Z","updated_at":"2024-09-21T19:12:02.000Z","dependencies_parsed_at":"2022-06-26T07:30:54.417Z","dependency_job_id":null,"html_url":"https://github.com/ahmadawais/create-guten-block","commit_stats":null,"previous_names":[],"tags_count":127,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadawais%2Fcreate-guten-block","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadawais%2Fcreate-guten-block/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadawais%2Fcreate-guten-block/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadawais%2Fcreate-guten-block/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahmadawais","download_url":"https://codeload.github.com/ahmadawais/create-guten-block/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219867249,"owners_count":16554305,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gutenberg","wordpress","wordpress-gutenberg","wordpress-plugin","zero-configuration"],"created_at":"2024-07-31T11:00:39.019Z","updated_at":"2025-09-29T19:31:07.996Z","avatar_url":"https://github.com/ahmadawais.png","language":"JavaScript","funding_links":["https://Awais.dev/sponsor-USD-10-pm","https://Awais.dev/sponsor-USD-10","https://Awais.dev/sponsor-USD-100","https://Awais.dev/sponsor-USD-50"],"categories":["Gutenberg","JavaScript","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"\u003e [Archived and looking for active maintainers](https://github.com/ahmadawais/create-guten-block/issues/307). Check out [`@wordpress/create-block`](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/).\n\n\u003ch4 align=\"center\"\u003e\n    \u003ca href=\"https://github.com/ahmadawais/create-guten-block\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/cgb.png\" alt=\"create-guten-block\" /\u003e\n    \u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ca href=\"https://github.com/ahmadawais/create-guten-block\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/cgblogo.png\" alt=\"create-guten-block\" /\u003e\n    \u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n\n\n`create-guten-block` is _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.\n\t\n[![DOWNLOADS](https://img.shields.io/npm/dt/create-guten-block?label=DOWNLOADS%20%20%E2%9D%AF\u0026colorA=216AFF\u0026colorB=216AFF\u0026style=flat)](https://www.npmjs.com/package/create-guten-block) [![Learn Node.js CLI Automation](https://img.shields.io/badge/-NodeCLI.com%20%E2%86%92-gray.svg?colorB=216AFF\u0026style=flat)](https://nodecli.com/?utm_source=GitHubFOSS) [![Follow @MrAhmadAwais on Twitter](https://img.shields.io/badge/FOLLOW%20@MRAHMADAWAIS%20%E2%86%92-gray.svg?colorA=216AFF\u0026colorB=216AFF\u0026style=flat)](https://twitter.com/mrahmadawais/)\n\n\u003c/h4\u003e\n\u003cbr\u003e\n\n# 📦 `create-guten-block`\n\n\u003e`create-guten-block` is _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.\n\nCreate Guten Block is not like other [starter-kits](https://github.com/ahmadawais/wpgulp) or [boilerplates](https://github.com/ahmadawais/Gutenberg-boilerplate). It's a developer's toolbox which is continuously updated. Since it has zero-configuration, you can always update it without any changes in your code.\n\n`create-guten-block` is:\n\n- 🥞 Versioned ✓\n- 🤠 Updatable ✓\n- 🗃 Set of sane-defaults ✓\n- 🐎 ONE single `cgb-scripts` dependency ✓\n- 💯 [100s of WordPress plugins built with `create-guten-block`](plugins.md) ✓\n\n\u003cbr\u003e\n\n[![Start](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/rocket.png)](/)\n\n## GETTING STARTED!\n\nLet's create a WordPress block plugin...\n\n#### ⚡️ Quick Overview\n\nRun step `#1` and `#2` quickly in one go — Run inside local WP install   E.g. `/wp.local/wp-content/plugins/` directory.\n\n```sh\nnpx create-guten-block my-block\ncd my-block\nnpm start\n```\n\n([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/ahmadawais/e4c69b22561c7079c9d99faba90e3b23))\n\n\u003e 🎛   _If you want to study the detailed installation of step `#1` and `#2` — then take a look at the steps below_.\n\n\u003cdetails\u003e\n \u003csummary\u003e\u003cstrong\u003e STEP #0\u003c/strong\u003e — Don't have \u003ccode\u003eNode.js\u003c/code\u003e + \u003ccode\u003enpm\u003c/code\u003e installed? Read this. (CLICK TO EXPAND!)\u003c/summary\u003e\n\nIn case you are an absolute beginner to the world of `Node.js`, JavaScript, and `npm` packages — all you need to do is go to the Node's site [download + install](https://nodejs.org/en/download/) Node on your system. This will install both `Node.js` and `npm`, i.e., node package manager — the command line interface of Node.js.\n\nYou can verify the install by opening your terminal app and typing...\n\n```sh\nnode -v\n# Results into v9.1.0 — make sure you have Node \u003e= 8 installed.\n\nnpm -v\n# Results into 5.6.0 — make sure you have npm \u003e= 5.3 installed.\n```\n\n\u003c/details\u003e\n\n### → STEP #1\n\nAll you have to do is run the following command and it will create a WordPress block plugin. It's done by installing and running the `create-guten-block` command and providing it with a unique name for a WordPress plugin that will get created.\n\n\u003e ⚠️ Make sure run this command in your local WordPress install's plugins folder i.e. `/local_dev_site.tld/wp-content/plugins/` folder — since this command will produce a WordPress plugin that you can go to `WP Admin` ▶︎ `Plugins` to activate.\n\n```sh\nnpx create-guten-block my-block\n```\n\n([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/ahmadawais/e4c69b22561c7079c9d99faba90e3b23))\n\n[![npx block](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/cgb1.gif)](/)\n\n_It'll take a couple of minutes to install._\n\n\u003eYou’ll need to have Node \u003e= 8 and npm \u003e= 5.3 on your local development machine (but it’s not required on the server). You can use [nvm](https://github.com/creationix/nvm#installation) (macOS/Linux) or [nvm-windows](https://github.com/coreybutler/nvm-windows#node-version-manager-nvm-for-windows) to easily switch Node versions between different projects.\n\nIt will create a directory called `my-block` inside the current folder.\nInside that directory, it will generate the initial project structure and install the transitive dependencies:\n\n```sh\nINSIDE: /local_dev_site.tld/wp-content/plugins/my-block\n\n├── .gitignore\n├── plugin.php\n├── package.json\n├── readme.md\n|\n├── dist\n|  ├── blocks.build.js\n|  ├── blocks.editor.build.css\n|  └── blocks.style.build.css\n|\n└── src\n   ├── block\n   |  ├── block.js\n   |  ├── editor.scss\n   |  └── style.scss\n   |\n   ├── blocks.js\n   ├── common.scss\n   └── init.php\n```\n\nNo configuration or complicated folder structures, just the files you need to build your app.\n\n### → STEP #2\n\nOnce the installation is done, you can open your project folder and run the start script.\n\n_Let's do that._\n\n```sh\ncd my-block\nnpm start\n```\n\n_You can also use `yarn start` if that's your jam_.\n\n[![cgb-npm-start](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/cgb2.gif)](/)\n\nThis runs the plugin in development mode. To produce production code run `npm run build`.\nYou will see the build messages, errors, and lint warnings in the console.\n\n\u003eAnd just like that, you're building your next WordPress plugin with Gutenberg, React.js, ES 6/7/8/Next, transpiled with Babel, which also has ESLint configurations for your code editor to pick up and use automatically.\n\n\u003cbr\u003e\n\n[![More](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/workflow.png)](/)\n\n### Workflow!\n\nThere 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.\n\n#### 👉  `npm start`\n\n- Use to compile and run the block in development mode.\n- Watches for any changes and reports back any errors in your code.\n\n#### 👉  `npm run build`\n\n- Use to build production code for your block inside `dist` folder.\n- Runs once and reports back the gzip file sizes of the produced code.\n\n#### 👉  `npm run eject`\n\n- Use to eject your plugin out of `create-guten-block`.\n- Provides all the configurations so you can customize the project as you want.\n- It's a one-way street, `eject` and you have to maintain everything yourself.\n- 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.\n\n_That's about it._\n\n\u003cbr\u003e\n\n[![included](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/included.png)](/)\n\n## What’s Included?\n\nYour environment will have everything you need to build a modern next-gen WordPress Gutenberg plugin:\n\n- React, JSX, and ES6 syntax support.\n- webpack dev/production build process behind the scene.\n- Language extras beyond ES6 like the object spread operator.\n- Auto-prefixed CSS, so you don’t need `-webkit` or other prefixes.\n- A build script to bundle JS, CSS, and images for production with source-maps.\n- Hassle-free updates for the above tools with a single dependency `cgb-scripts`.\n\nThe tradeoff is that **these tools are preconfigured to work in a specific way**. If your project needs more customization, you can [\"eject\"](https://github.com/ahmadawais/create-guten-block#--npm-run-eject) and customize it, but then you will need to maintain this configuration.\n\n\u003cbr\u003e\n\n[![Philosophy](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/philosophy.png)](/)\n\n## Philosophy\n\n- **One Dependency:** There is just one build dependency. It uses webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.\n\n- **No Configuration Required:** You don't need to configure anything. A reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.\n\n- **No Lock-In:** You can `eject` to a custom setup at any time. Run a single command, and all the configuration and build dependencies will be moved directly into your project, so you can pick up right where you left off.\n\n\u003cbr\u003e\n\n[![Why](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/why.png)](/)\n\n## Why `create-guten-block`?\n\nWell, it's really hard to configure things like webpack, React, ES 6/7/8/Next, ESLint, Babel, etc. before you even start writing a Hello World Gutenberg block. Then there's the fact that you have to maintain and constantly update your configuration with all the new tools and growth in the JavaScript community.\n\n`create-guten-block` hides all this configuration away in an optimized package that we call `cgb-scripts`. This package is the only dependency in your projects. We keep `cgb-scripts` up to date while you go ahead and create the next best WordPress themes and plugins.\n\n\u003cbr\u003e\n\n[![tldr](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/tldr.png)](/)\n\n## TL;DR\n\n\u003eToo long, didn't read? Here's a shorter version.\n\nOpen the terminal app and run the following commands.\n\n- 🔰 **Install/Create**: `npx create-guten-block my-block` — Run inside local WP install   E.g. `/wp.local/wp-content/plugins/` directory.\n- 📂 **Browse**: `cd my-block` — Open the newly created plugin directory.\n- ♻️ **Run**: `npm start` — For development.\n- 📦 **Run**: `npm run build` — For production build.\n- ⏏ **Run**: `npm run eject` — To customize, update, and maintain all by yourself.\n\nCreate-Guten-Block has been tested to work on macOS, but must also work on Windows, and Linux.\nIf something doesn’t work, kindly file [an issue →](https://github.com/ahmadawais/create-guten-block/issues/new)\n\n\u003c!-- [![Create-guten-block](https://on.ahmda.ws/okiU/c)](/) --\u003e\n\n\u003cbr\u003e\n\n[![update](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/update.png)](/)\n\n## Updating to New Releases\n\nCreate Guten Block is divided into two packages:\n\n1. **`create-guten-block`** is a command-line utility that you use to create new WP Gutenberg plugins.\n1. **`cgb-scripts`** is a development dependency in the generated plugin projects.\n\nYou never need to update `create-guten-block` itself as it's run via [`npx`](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) and it delegates all the setup to `cgb-scripts`.\n\nWhen you run `create-guten-block`, it always creates the project with the latest version of `cgb-scripts` so you’ll get all the new features and improvements in newly created plugins automatically.\n\nTo update an existing project to a new version of `cgb-scripts`, open the [changelog](https://github.com/ahmadawais/create-guten-block#changelog), find the version you’re currently on (check package.json in your plugin's folder if you’re not sure), and apply the migration instructions for the newer versions.\n\nIn most cases bumping the `cgb-scripts` version in package.json and running `npm install` in this folder should be enough, but it’s good to consult the [changelog](https://github.com/ahmadawais/create-guten-block#changelog) for potential breaking changes.\n\nWe commit to keeping the breaking changes minimal so you can upgrade `cgb-scripts` painlessly.\n\n\u003cbr\u003e\n\n[![Log](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/changelog.png)](/)\n\n## Changelog\n\nRead what's 📦 new, 👌 improved, 🐛 fixed, and  if 📖 docs got updated.\n\n👉 Go read the entire changelog at this link — [CGB Changelog →](https://github.com/ahmadawais/create-guten-block/blob/master/changelog.md)\n\nNothing's ever complete, so bear with us while we keep iterating towards a better future.\n\n\u003e ```html\n\u003e 'Coz every night I lie in bed\n\u003e The brightest colors fill my head\n\u003e A million dreams are keeping me awake\n\u003e I think of what the world could be\n\u003e A vision of the one I see\n\u003e A million dreams is all it's gonna take\n\u003e A million dreams for the world we're gonna make ...\n\u003e ```\n\u003e ... _listen to → [A million dreams!](https://www.youtube.com/watch?v=pSQk-4fddDI)_\n\n\u003cbr\u003e\n\n[![Hello](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/hello.png)](/)\n\n#### **Hello, we're [The Dev Couple](https://TheDevCouple.com)**!\n\nMe ([Ahmad Awais](https://twitter.com/mrahmadawais/)) and my incredible wife ([Maedah Batool](https://twitter.com/MaedahBatool/)) are two engineers who fell in love with open source and then with each other. You can read more [about me here](https://ahmadawais.com/about). If you or your company use any of my projects or like what I’m doing then consider backing me. I'm in this for the long run. An open-source developer advocate.\n\n[![Ahmad on Twitter](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social\u0026label=Follow%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)\n\n### [NodeCLI.com][n] — Learn to build Node.js CLI Automation\n\n\u003e This repository is part of the [NodeCLI.com][n] course.\n\nAfter building hundreds of developer automation tools used by millions of developers, I am sharing exactly how you can do it yourself with minimum effective effort. Learn to build Node.js \u0026 JavaScript based CLI (Command Line Interface) apps. Automate the grunt work, do more in less time, impress your manager, and help the community.\n→ I'm sharing it all in this online video course. [Node CLI Automation\nwithout wasting a 1,000 hours][n] →\u003c/p\u003e\n\n[![Node CLI](https://img.shields.io/badge/-NodeCLI.com%20%E2%86%92-gray.svg?colorB=488640\u0026style=flat)][n]\n\n[n]: https://NodeCLI.com?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\n\n[![Awais on Twitter](https://raw.githubusercontent.com/ahmadawais/stuff/master/sponsor/sponsor.jpg)](https://github.com/AhmadAwais/sponsor)\n\n\u003cbr\u003e\n\n[![Partners](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/backers.png)](/)\n\n### Project Backers \u0026 [TheDevCouple Partners](https://TheDevCouple.com/partners) ⚡️\n\nThis FOSS (free and open source software) project is updated and maintained with the help of awesome businesses listed below. Without the support from these amazing companies/individuals, this project would not have been possible.\n\n— _What/How? [Read more about it →](https://TheDevCouple.com/partners)_\n\n\u003ctable width='100%'\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd width='500'\u003e\u003ca target='_blank' href='https://Awais.dev/kinsta'\u003e\u003cimg src='https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/kinsta.png' /\u003e\u003c/a\u003e\u003c/td\u003e\n\t\t\u003ctd width='500'\u003e\u003ca target='_blank' href='https://mythemeshop.com/?utm_source=TheDevCouple\u0026utm_medium=Partner'\u003e\u003cimg src='https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/mts.png' /\u003e\u003c/a\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\n\u003c/table\u003e\n\n\u003cbr\u003e\n\n[![Thanks](https://raw.githubusercontent.com/ahmadawais/stuff/master/fix/license.png)](/)\n\n## License \u0026 Attribution\n\n- MIT © [Ahmad Awais](https://twitter.com/MrAhmadAwais/).\n- [Code of Conduct](code-of-conduct.md).\n\n\u003cdiv align=\"left\"\u003e\n    \u003cp\u003e\u003ca href=\"https://github.com/ahmadawais\"\u003e\u003cimg alt=\"GitHub @AhmadAwais\" align=\"center\" src=\"https://img.shields.io/badge/GITHUB-gray.svg?colorB=6cc644\u0026colorA=6cc644\u0026style=flat\" /\u003e\u003c/a\u003e\u0026nbsp;\u003csmall\u003e\u003cstrong\u003e(follow)\u003c/strong\u003e TO STAY UP TO DATE ON FREE \u0026 OPEN SOURCE SOFTWARE\u003c/small\u003e\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://twitter.com/MrAhmadAwais/\"\u003e\u003cimg alt=\"Twitter @MrAhmadAwais\" align=\"center\" src=\"https://img.shields.io/badge/TWITTER-gray.svg?colorB=1da1f2\u0026colorA=1da1f2\u0026style=flat\" /\u003e\u003c/a\u003e\u0026nbsp;\u003csmall\u003e\u003cstrong\u003e(follow)\u003c/strong\u003e TO GET ONE DEV MINUTE DAILY HOT TIPS \u0026 TROLLS\u003c/small\u003e\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://www.youtube.com/AhmadAwais\"\u003e\u003cimg alt=\"YouTube AhmadAwais\" align=\"center\" src=\"https://img.shields.io/badge/YOUTUBE-gray.svg?colorB=ff0000\u0026colorA=ff0000\u0026style=flat\" /\u003e\u003c/a\u003e\u0026nbsp;\u003csmall\u003e\u003cstrong\u003e(subscribe)\u003c/strong\u003e TO TECH TALKS \u0026 ONE DEV MINUTE VIDEOS\u003c/small\u003e\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://AhmadAwais.com/\"\u003e\u003cimg alt=\"Blog: AhmadAwais.com\" align=\"center\" src=\"https://img.shields.io/badge/MY%20BLOG-gray.svg?colorB=4D2AFF\u0026colorA=4D2AFF\u0026style=flat\" /\u003e\u003c/a\u003e\u0026nbsp;\u003csmall\u003e\u003cstrong\u003e(read)\u003c/strong\u003e MOSTLY LONG FORM TECHNICAL ARTICLES\u003c/small\u003e\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://www.linkedin.com/in/MrAhmadAwais/\"\u003e\u003cimg alt=\"LinkedIn @MrAhmadAwais\" align=\"center\" src=\"https://img.shields.io/badge/LINKEDIN-gray.svg?colorB=0077b5\u0026colorA=0077b5\u0026style=flat\" /\u003e\u003c/a\u003e\u0026nbsp;\u003csmall\u003e\u003cstrong\u003e(connect)\u003c/strong\u003e WITH THE LINKEDIN PROFILE Y'ALL\u003c/small\u003e\u003c/p\u003e\n\u003c/div\u003e\n\nThis project is inspired by the work of more people than I could mention here. But thank you, [Dan Abramov](https://twitter.com/dan_abramov) for Create React App, [Andrew Clark](https://twitter.com/acdlite), and [Christopher Chedeau](https://twitter.com/vjeux), [Sophie Alpert](https://twitter.com/sophiebits) from React.js team, [Kent C. Dodds](https://twitter.com/kentcdodds) for his open source evangelism, WordPress Core Contributors, [Gary](https://twitter.com/GaryPendergast) for keeping everyone sane, [Gutenberg](https://github.com/wordpress/gutenberg) developers [Matias](https://twitter.com/matias_ventura), [Riad](https://github.com/youknowriad), [Andrew](https://github.com/aduth), [Ella](https://twitter.com/ellaiseulde), [Joen](https://github.com/jasmussen), [Tammie](https://twitter.com/karmatosed), [Greg](https://twitter.com/gziolo) and contributors, and other WordPress community members like [Zac](https://twitter.com/zgordon) for his [course on Gutenberg](https://ahmda.ws/ZacGutenbergCourse), and also my friend [Morten](https://twitter.com/mor10) for all the #Guten-motivation, [Icons8](https://icons8.com/) for the awesome icons, [Maedah](https://twitter.com/MaedahBatool/) for managing this project, and to everyone I forgot.\n\n_Follow me 👋 on Twitter for more updates and questions_ →  [![Tweet to say Hi](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social\u0026label=Tweet%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n\u003cstrong\u003eFor anything else, tweet at \u003ca href=\"https://twitter.com/MrAhmadAwais/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e@MrAhmadAwais\u003c/a\u003e\u003c/strong\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\t\u003cp\u003eI have released a video course to help you learn how to create projects just like this one. Node.js and JavaScript based automation dev-tools and Command-line CLIs — \u003ca href=\"https://NodeCLI.com/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003eLearn to build Node.js CLIS →\u003c/a\u003e\u003c/p\u003e\n    \u003cbr /\u003e\n  \u003ca href=\"https://NodeCLI.com/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/ahmadawais/stuff/master/nodecli/featured.jpg\" /\u003e\u003cbr\u003eVSCode\u003c/a\u003e\n\n  _\u003csmall\u003e\u003ca href=\"https://NodeCLI.com/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003eNode CLI Automation →\u003c/a\u003e\u003c/small\u003e_\n\u003c/div\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n\t\u003cp\u003eI have released a video course to help you become a better developer — \u003ca href=\"https://VSCode.pro/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003eBecome a VSCode Power User →\u003c/a\u003e\u003c/p\u003e\n    \u003cbr /\u003e\n  \u003ca href=\"https://VSCode.pro/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/ahmadawais/shades-of-purple-vscode/master/images/vscodeproPlay.jpg\" /\u003e\u003cbr\u003eVSCode\u003c/a\u003e\n\n  _\u003csmall\u003e\u003ca href=\"https://VSCode.pro/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block\" target=\"_blank\"\u003eVSCode Power User Course →\u003c/a\u003e\u003c/small\u003e_\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n[![VSCode](https://img.shields.io/badge/-VSCode.pro%20%E2%86%92-gray.svg?colorB=4D2AFF\u0026style=flat)](https://VSCode.pro/?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=ahmadawais/create-guten-block)\n[![Ahmad on Twitter](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social\u0026label=Follow%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadawais%2Fcreate-guten-block","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmadawais%2Fcreate-guten-block","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadawais%2Fcreate-guten-block/lists"}