Free page builder for shadcn/ui

1. 1

   Start from a page

   Pick a SaaS, AI product, agency or waitlist starter, or start blank and add from 23 free sections: navbars, heroes, logo strips, features, stats, testimonials, pricing, FAQ, calls to action and footers, two or three layouts each.

2. 2

   Edit on the canvas

   Click a section to select it, then click its headline, text or buttons to type in place. Swap its layout, reorder it, or open Edit for lists, links and images. Check desktop, tablet and phone widths in light and dark, and undo anything with ⌘Z.

3. 3

   Theme and export

   Pick a theme editor preset or paste a theme link. One shadcn command then writes app/page.tsx, a file per section, the theme and the HextaUI components they use. Or copy each file, or download a .zip.

Every section is a plain composition of free HextaUI components, so the code you export is yours to change. Make a theme in the theme editor and paste its link into Theme to see the page in your colors. For AI chat, settings and e-commerce screens, add HextaUI Pro blocks.

Is the page builder free?

Yes. There is no account and no limit. Every free section exports as plain React and Tailwind CSS code under the MIT license, built on free HextaUI components.

How does the one-line install work?

Your page and its theme are compressed into the link. The shadcn CLI fetches https://hextaui.com/r/pages/<link>.json, which turns it back into a registry item with app/page.tsx, a file per section, the theme colors and the HextaUI components they need.

Where is my page saved?

Only in the address bar. Nothing is stored on a server, so copy the Share link to keep a page or send it to someone.

Can I use a theme from the theme editor?

Yes. Pick one of the theme editor presets, or copy Share in the theme editor and paste the link into Theme. The export adds it as app/theme.css, and the install command writes it into your CSS.

Can I add HextaUI Pro blocks?

Pro blocks appear in Add section as locked previews. Placed on a page, they export as a placeholder section and the shadcn command to install the real block, which needs HextaUI Pro.

Will the sections match my theme?

Yes. They only use shadcn/ui theme tokens such as background, foreground, primary, muted and border, so they pick up your colors, radius and fonts, in light and dark mode.

Does it work outside Next.js?

The install command targets the Next.js App Router. The section files are plain React components, so they work in any React app with Tailwind CSS v4 and the HextaUI components installed.