Fancoolo WP

FanCoolo WP will help you overcome Gutenberg limitations to build blocks with ease. You can create native blocks without needing to learn react.

• • Write in PHP. There is no need for JS and NPM Build-Update blocks on the server. This plugin will bring developers and editors closer together, where you can start with content and create new blocks on the fly.
  • Reusable Symbols - Write it once, use it in any block. A single source of truth that unites design and development through shared components — saving hours of work and ensuring all updates happen in one place.
  • SCSS & Partials - Split and organize your code. Prepare reusable styles you can include in any block when needed, or attach them globally to all blocks — eliminating the need to add them one by one.
  • Native Fields - You heard it right! We use native Gutenberg components for sidebar settings, giving editors a unified and seamless experience between Gutenberg blocks and FanCoolo blocks.
  •  Hot Reload - See your changes instantly as you type. FanCoolo’s development mode watches your code and automatically regenerates blocks in real-time — no manual refresh needed. Build faster, iterate quicker, and stay in your creative flow without breaking momentum.
  • Revision History - FanCoolo snapshots every change to your blocks, symbols, and partials — including code, settings, and database configurations. Roll back to any previous version instantly, compare what changed, and experiment fearlessly knowing you can always undo.
  • Inner Block Support - Create container blocks that accept child blocks, just like Gutenberg core. Define which blocks are allowed inside, set default layouts, and build sophisticated page-building experiences — all through a simple UI; no complex JavaScript required.
  • Type-Safe Development - Catch errors before they reach production. FanCoolo validates your PHP syntax on save, checks SCSS compilation in real-time, and provides clear error messages directly in the editor — preventing broken blocks from ever being generated.
  • Monaco Code Editor - You never leave Visual Studio. Edit PHP, SCSS, and JavaScript with syntax highlighting, autocompletion, bracket matching, and Emmet abbreviations. The same editor that powers VS Code, running right inside WordPress.