Create WordPress website using AI.

Tuli is the easiest and fastest way to create a WordPress website using AI. Describe what you want and Tuli’s built-in AI assistant builds it for you — drafting copy and writing clean HTML & CSS live on the canvas. And with the built-in MCP server, AI agents like Claude Code can take full control — building and managing your entire site with AI. You review every line before publishing.

Get Tuli Watch the demo
★★★★★ 4.9/5 from early adopters • No code lock-in, ever
AI Assistant
I am a professional photographer — build me a portfolio website.
On it — a cinematic hero with a full-bleed overlay, an about + bio block, a services grid, a featured-work gallery, a stats band and a contact section. Warm gold accent on a deep charcoal palette.
  • Writing HTML760 chars
  • Writing CSS1.2k chars
  • Writing JavaScript320 chars
I've created the page — you can see a live preview of your site in the builder's preview area. Click Save to accept the changes and apply them to your site.
Describe what you want — type @ to attach a page or template.
MCP Server

Give your AI agent full control to build your whole site

Turn on the MCP server and connect Claude Code — or any AI agent that speaks MCP. It gets full access to do everything on your site for you: write blog posts, create pages, design templates, install plugins, upload media and build complete Tuli layouts. You stay in control with a secret token you can revoke at any time, and your theme stays locked and safe.

claude-code — tulibuilder.com
~/my-site $ claude
● Connected to tuli-builder via MCP
 
> add real-estate "Property" listings + page
● Building the CPT, fields, data & page…
⎿ register_post_type  property ✓
⎿ acf fields  price, beds, baths, city ✓
⎿ create_post  6 sample properties ✓
⎿ save_query  + tuli_filter ✓
⎿ set_tuli_html  /properties ✓
✔ Done — filterable Properties page is live
Structure panel

Every HTML tag becomes an editable element

Paste your markup and Tuli maps it into the Structure panel: a live tree of your page where every native HTML tag — section, article, h1, img, a, lists, tables, SVG — becomes a selectable element. Expand and collapse nodes, drag to reorder, rename, and click any row to jump straight to that element on the canvas. That's how you convert HTML to WordPress with the structure intact, tag for tag.

  • A live DOM outline — every HTML tag appears as a nested node
  • Click any node to select that element on the canvas instantly
  • Drag to reorder, nest, rename and duplicate elements
  • No theme files to touch — your HTML structure stays intact
Structure
Live CSS sync

Every CSS rule stays in sync with the element settings

Customize your elements from the settings panel, or by writing CSS yourself — whichever you like. Change it in one place and it instantly changes in the other, and on the live page too. Everything stays in sync, and your edits are saved as clean, real CSS.

  • Generates clean CSS code with no extra bloat
  • Style panel, CSS box and canvas stay in lockstep
  • Two-way sync — edit CSS by hand, controls update too
  • Duplicate selectors auto-merge into one clean rule
Background
Background-color
Gradient
Overlay color (::before)
#000 / rgba(…)
Live & in sync
CSS
.btn-primary {
  background: ;
}
Query loops

Turn any element into a dynamic loop

Enable a query loop on any element in the builder and it becomes a template — Tuli clones it for every post, product or custom query. Configure it with a familiar WP_Query interface, or drop to raw PHP or an ACF repeater when you need full control.

  • Enable a query loop on any page builder element
  • Configure it visually with WP_Query, or write raw PHP
  • Loop posts, products, ACF repeaters or the main query
  • Style the template once; every result matches it instantly
Query
Query loop
WordPress
Post type
Posts per page
6
Order
date
DESC
Dynamic data

Fill your design with live content

Insert dynamic data into any text or attribute — the post title, content, featured image, or any ACF field. Built-in tags and your ACF field names are right there in the searchable picker, so you just click to insert. Need something custom? Call any WordPress or custom function by typing {function_name} and Tuli prints its output live.

  • Insert post fields — title, content, excerpt, date, image
  • ACF supported by default — field names appear in the picker
  • Built-in tags & ACF fields — search and click to insert
  • Print any custom function by typing {function_name}
  • Resolves live from WordPress — and per item in a loop
Insert dynamic data
Search template tags and ACF fields…
Post
Post title
Title of the current post
{get_the_title}
Post permalink
URL of the current post
{get_permalink}
Post content
Full content (with filters)
{the_content}
Post excerpt
Excerpt or auto-trimmed content
{get_the_excerpt}
Featured image
Post thumbnail URL
{get_the_post_thumbnail_url}
ACF field
Any Advanced Custom Field value
{acf:field_name}
Element library

A complete WordPress page builder element library

Prefer to build from scratch? Drag and drop 60+ elements — layout containers, headings, buttons, sliders, forms and menus, plus 30+ native WooCommerce blocks and WP Grid Builder support. Every element outputs clean, standard markup, with no add-ons and no limits.

Section
Container
Row
Div
H Heading
Basic Text
Rich Text
Button
Image
Logo
Link
List
Menu
Divider
Accordion
Tabs
Popup
Header
Template
Video
Embed
Slider
SVG
Icon
Content
Comment Form
Comment List
Login Form
Registration Form
Password Reset
Search Form
Form
Pagination
Filter
Code
Shortcode
Product Title
Product Price
Add to Cart
Product Gallery
Product Rating
Short Description
Product Description
Product Tabs
Additional Info
Product Meta
Product SKU
Stock Status
Product Categories
Product Tags
Sale Badge
Related Products
Up-sells
Cross-sells
Products Grid
Categories Grid
Result Count
Catalog Ordering
Archive Title
Cart
Checkout
My Account
Order Tracking
Breadcrumb
Cart Icon
Cart Count
Mini Cart
Product Search
Store Notices
Facet
Grid
See it in action

Are you still building WordPress websites manually?

One video, every feature — watch how Tuli’s AI-powered builder helps you create a complete WordPress website using AI — design, build and launch faster than ever.

Are you still building WordPress websites manually? — Tuli Builder feature tour video ▶ Watch the demo

Built for the WordPress stack you already use

WordPress ACF WP Grid Builder PHP Shortcodes
Everything in the box

A full builder, not a widget pack

Beyond the core workflow above, Tuli ships everything you need to build and ship a real WordPress site — each piece serving the same goal: total visual control over standard, portable code.

Reusable templates

Build headers, footers and sections once, then reuse them across every page on the site.

WooCommerce blocks

30+ native WooCommerce parts — product title, price, add-to-cart, cart and checkout — to design custom shop pages.

PHP & shortcodes

Drop in raw PHP or any shortcode. Tuli pre-renders it server-side so the canvas shows real output.

Responsive breakpoints

Design for desktop, tablet and mobile with per-breakpoint styles that write real CSS media queries.

Design tokens & fonts

Set colours, spacing and type as reusable design tokens, and load any Google Font in a click.

Code blocks

Embed isolated HTML/CSS/JS blocks for anything custom, kept tidy and selectable.

Copy & paste sections

Copy a styled block as a self-contained snippet and paste it anywhere — styles travel with it.

Undo / redo

Debounced history of HTML and CSS snapshots so you can experiment fearlessly.

Clean, on-demand code

Standards-based HTML & CSS, sanitized for safety, with scripts loaded only for the elements you use.

Why teams switch to Tuli

One WordPress theme and page builder, zero lock-in

Other builders trap your work behind their own widgets, slow every page with scripts you never use, and charge extra for the essentials. Tuli is a WordPress theme and page builder in one that hands you full control of clean, portable code. See how it stacks up.

Capability Tuli Other builders
Full control over your HTML, CSS & JavaScript Full control Locked behind widgets
Supports native HTML tags & elements Natively Proprietary widgets only
Paste any HTML/CSS and it just works Core feature Rarely, or read-only
AI assistant builds pages & makes changes Built in Paid add-on or absent
Produces clean, bloat-free code Always Bloated wrapper markup
Native WooCommerce building blocks 30+ parts Paid add-on
Built-in AJAX filters for query loops Built in Paid add-on or absent
WP Grid Builder support Supported Not supported
Loads scripts only for the elements you use On demand Loads everything, used or not
Built-in MCP server to manage your site with AI agents Built in Not available
Loved by makers

Built for people who care about the markup

★★★★★

"I pasted an entire hand-coded landing page and edited it visually in minutes. The CSS it saved looked like I wrote it myself — because I basically did."

AM
Ava MorganFreelance developer
★★★★★

"Finally a builder I can hand to a client without dreading the cleanup. No bloated wrappers, no shortcode soup — just clean markup I'm actually proud to ship."

RK
Rohan KapoorAgency owner
★★★★★

"The WooCommerce parts let me design a custom product page exactly how I wanted, without a single line of template code. Game-changer."

SL
Sofia LangStore owner
Questions

Good to know

What can the built-in AI assistant do?
Ask it to build whole pages and sections from a prompt, draft copy, or rewrite and restyle existing content. Everything it produces is ordinary, editable HTML/CSS that lands in your real source — you review and refine every line.
Can I paste in a vibe-coded website?
Yes — copy-paste any HTML/CSS, including a full vibe-coded site, and Tuli Builder instantly makes every element editable. Section comments, compound selectors, shorthands and media queries all survive intact.
How do I convert HTML to WordPress?
Paste your HTML, CSS and JavaScript into the builder and Tuli instantly turns every tag into an editable page builder element on a real WordPress page — no manual theme coding. Your static design becomes a fully editable WordPress site you can refine visually or with the AI assistant.
Do I need to know how to code?
No. Everything is editable visually through the inspector, and the AI assistant can build and edit for you. But if you do code, you'll love that you can paste raw HTML/CSS, type CSS directly, and read clean output any time.
Does it work with my existing theme and plugins?
Tuli is a theme and builder in one and plays nicely with the wider WordPress ecosystem — WooCommerce, Gutenberg blocks, any shortcode, and Google Fonts all work out of the box.
Is it secure to let users paste HTML?
Yes. All HTML, CSS and JS run through sanitization, capability checks and nonces. Raw <script> is opt-in for trusted administrators only.

The AI WordPress page builder that ships clean code.

Create your WordPress website using AI, convert HTML to WordPress, and design visually — without lock-in. Try Tuli today.

Get Tuli now