Turn ideas into production ready content
Build an entire WordPress frontend from Figma, or enhance your existing site with ready-to-use BlockBite recipes.
Block Editing with superpowers
Edit content inline, generate fields from your templates and style every block with Tailwind—all inside the WordPress editor.
Built for humans and agents
Edit locally, through MCP or inside WordPress. A file-based workspace, ready to ship.
Content
editing at
lightspeed
Try beta
Drop in your
next island
The platform
Build reusable
systems
Build projects, recipes and design systems that evolve with every release.
ALL FEATURES
Tailwind
Style every block with utility-first controls, responsive variants, and direct class input.
Figma
Turn selected Figma frames into editable BlockBite templates through Cloud, Studio, or MCP.
AI Coding Agents
Use Codex, Claude, or Cursor with Figma and BlockBite MCP to turn designs into sandboxed, reviewable workspace code.
Dynamic Fields
Connect stable, semantic fields to reusable templates and live WordPress content.
Auto fields
Generate synchronized field contracts from workspace templates instead of wiring every field by hand.
ESM modules
Import trusted, version-pinned browser modules through WordPress import maps without rewriting source.
Typescript
Bundle typed interactions from module.ts or inline TypeScript directly with each dynamic template.
Visual Editor
Adjust layout, spacing, color, type, and responsive Tailwind utilities from the editor sidebar.
Syncs with Block Editor
Style native WordPress Core blocks with Tailwind and share styles between Dynamic Templates and Block Editor blocks.
Built on WordPress Block Editor
Combine the power of the WordPress Block Editor with reusable Dynamic Templates.
Workspace
Keep templates, assets, app code, previews, and agent changes together in one file-backed source.
Inline Coding
Move from focused source edits to browser previews in the same inspect, change, and validate loop.
Git Versioning
Review coordinated workspace changes with normal source-control workflows before they ship.
Cloud Exports
Move config, workspace files, and published islands between sites with local or Cloud bundles.
Design Tokens
Share one Tailwind v4 theme source across Studio, previews, builders, and agents.
Nodeless Builds
Let BlockBite generate CSS and ESM output without project-level Node setup.
Zero Dependencies
BlockBite’s frontend uses zero dependencies. You decide how design tokens, motion libraries, and your stack are defined.
Custom Builds
Hand scripts and styles to a project-owned Vite or Webpack pipeline while retaining BlockBite contracts.
Open Source
Extend BlockBite’s GPL-licensed editor and class groups through its public GitHub repository.
Twig
Build reusable, data-powered templates in BlockBite’s dedicated Twig 3 runtime.
Merchandise
Thinking cap
BlockBite tote bag
BlockBite mug