Everything you need to build

A complete website builder with drag-and-drop editing, AI assistance, and instant publishing. No code required.

Core Features

The tools that make PageHub different.

Drag and Drop Editor

Intuitive visual builder with real-time editing. Build responsive websites by dragging and dropping components. No coding required.

AI-Powered Design

Smart AI that generates content, suggests layouts, and optimizes your website design automatically.

Built with Tailwind CSS

Professional templates powered by Tailwind CSS. Full access to modern utility classes for pixel-perfect design.

Mobile Responsive

Separate mobile and desktop controls. Preview and optimize for every screen size and device.

Fast Global Hosting

Lightning-fast hosting on a global CDN. Your website loads instantly for visitors worldwide with 99.9% uptime.

Instant Publishing

Publish with one click. Custom domains, automatic SSL, and SEO optimization built in.

TweakCN-ready tokens. Whole-site consistency.

PageHub maps your site to the same semantic roles as shadcn/ui and TweakCN — --primary, --background, --muted, and the rest. Drop in a theme export or tune colors in the editor; utilities like bg-(--primary) stay honest to those tokens.

Shadcn-style semantic colors

The standard foreground / background / primary / muted / accent / border vocabulary Tailwind v4 expects. Switch presets or paste TweakCN output; surfaces stay on the same variables.

Primary
On primary
Accent
Background
Foreground
Card
Muted
Muted text
Border
Preview
Card using --card and --border
PrimaryAccentMuted

CSS variables (TweakCN / shadcn)

Published CSS carries the full token set — same shape as a TweakCN theme file. Components reference variables, not hard-coded hex, so light/dark and theme swaps stay coherent.

:root
--background:hsl(0 0% 100%);
--foreground:hsl(222 47% 11%);
--primary:hsl(199 89% 48%);
--muted:hsl(210 40% 96%);
--border:hsl(214 32% 91%);
--radius:0.5rem;
Used everywhere automatically
Buttonsbg-(--primary) text-(--primary-foreground), rounded-(--radius)
Surfacesbackground, card, popover, muted layers
Typographyfont-(--font-sans) and heading tokens from the theme
Focus & inputsring-(--ring), border-(--input), destructive states
Charts & sidebarchart-1…5 and sidebar-* when your theme defines them

Site variables

Set company info once — name, email, phone, address — and use {{company.name}} anywhere. Update one field, every page reflects it.

Site Settings → Branding
{{company.name}}
Acme Inc.
{{company.tagline}}
Build something great.
{{company.email}}
hello@acme.com
{{company.phone}}
(555) 123-4567
{{company.address}}
123 Main St, LA 90001
{{company.website}}
https://acme.com
What you type

Welcome to {{company.name}}

Reach us at {{company.email}} or call {{company.phone}}

© {{year}} {{company.name}}

What visitors see

Welcome to Acme Inc.

Reach us at hello@acme.com or call (555) 123-4567

© 2026 Acme Inc.

Under the Hood

A complete page builder, not a toy widget.

Visual Canvas

Full drag-and-drop editing with real-time preview. No iframe, no shadow DOM.

18+ Components

Text, Image, Button, Form, Video, Nav, Footer — all responsive out of the box.

Full Theming

Shadcn/TweakCN-style tokens (--primary, --background, …), Google Fonts, light/dark, and theme files you can swap or export.

Static HTML Export

Render pages to HTML on the server. Works in Node and edge workers.

AI Assistant

Built-in AI content generation and editing. Powered by PageHub Cloud.

Form Builder

Drag-and-drop form elements with validation, submission handling, and custom fields.

How It Works

From idea to live website in three steps.

1

Tell AI What You Need

Describe your site — a landing page, portfolio, restaurant. AI picks a template, generates copy, sets colors, and builds pages in seconds.

2

Refine It Your Way

Drag and drop to rearrange, tweak colors, swap fonts, edit copy. Everything AI generated is fully editable.

3

Publish Instantly

One click and your site is live with free hosting and SSL. Connect a custom domain whenever you're ready.