Create expressive WordPress sites in a simplified way

Plug in from Figma or start prompting WordPress sites that truly connect to your brand.

Explore integrations

Spice up boring, static sections directly from ChatGPT, Claude or Cursor.

Explore the editor

Fine-tune visually or update your design tokens, with Tailwind CSS as the foundation.

Explore design tokens

Build and ship directly in the browser, or use your own hybrid production flow with Git, Node.js, and more.

Explore workspace

ALL FEATURES

ALL FEATURES ALL FEATURES ALL FEATURES ALL FEATURES ALL FEATURES
Style every block with utility-first controls, responsive variants, and direct class input.
Turn selected Figma frames into editable BlockBite templates through Cloud, Studio, or MCP.
Use Codex, Claude, or Cursor with Figma and BlockBite MCP to turn designs into sandboxed, reviewable workspace code.
Connect stable, semantic fields to reusable templates and live WordPress content.
Generate synchronized field contracts from workspace templates instead of wiring every field by hand.
Import trusted, version-pinned browser modules through WordPress import maps without rewriting source.
Bundle typed interactions from module.ts or inline TypeScript directly with each dynamic template.
Adjust layout, spacing, color, type, and responsive Tailwind utilities from the editor sidebar.
Style native WordPress Core blocks with Tailwind and share styles between Dynamic Templates and Block Editor blocks.
Combine the power of the WordPress Block Editor with reusable Dynamic Templates.
Keep templates, assets, app code, previews, and agent changes together in one file-backed source.
Move from focused source edits to browser previews in the same inspect, change, and validate loop.
Review coordinated workspace changes with normal source-control workflows before they ship.
Move config, workspace files, and published islands between sites with local or Cloud bundles.
Share one Tailwind v4 theme source across Studio, previews, builders, and agents.
Let BlockBite generate CSS and ESM output without project-level Node setup.
BlockBite’s frontend uses zero dependencies. You decide how design tokens, motion libraries, and your stack are defined.
Hand scripts and styles to a project-owned Vite or Webpack pipeline while retaining BlockBite contracts.
Extend BlockBite’s GPL-licensed editor and class groups through its public GitHub repository.
Build reusable, data-powered templates in BlockBite’s dedicated Twig 3 runtime.

FAQ

BlockBite turns designs and content models into reusable, editable WordPress blocks and dynamic templates.
Not necessarily. You can start visually and bring in code when you need custom fields, interactions, or a more precise finish.
Yes. Selected Figma frames can become editable templates while keeping the content contract stable for WordPress.
A dynamic template separates structure and styling from the content that fills it, so the same block can be reused across a site.
Yes. BlockBite supports utility classes and shared design tokens so the block can stay aligned with the rest of your system.
Work in the sandbox, review the rendered preview, and approve the generated package when it is ready for the live workspace.

Plans for every way of working

Free

For trying BlockBite on a single project.

€0
Get started for free

Includes:

1 project

50 MB cloud storage

Up to 25 Figma nodes

Up to 25 library nodes

Free client and viewer access

Agency

For teams sharing projects, libraries, and design systems.

€299 /year
Choose Agency

Includes:

Everything in Pro

5 included creator seats

5 GB additional storage per active creator seat

Shared project access

Free client and viewer access

Merchandise

Thinking cap

Thinking cap

BlockBite tote bag

BlockBite tote bag

BlockBite mug

BlockBite mug

Any questions?