NEW|v1.0 — 17 templates, 8 themes, AI agent

Build premium websites
in 20 minutes

Generate scroll-driven animated websites with AI lead capture agents — real estate agenciesdental clinicsrestaurantsSaaS startupsfitness studioscreative agenciesany business

WORKS WITH
Claude CodeNanobanana 2Kling 3.021st.dev
pwb — template builder
PWB Template Builder
17
Industry templates
8
Color themes
6
Font pairings
816
Possible combinations
100%
Free & open source

HOW IT WORKS

From zero to premium website
in four steps

No design skills. No coding. Just answer five questions and your site is live — with scroll animations and an AI agent included.

01

Choose your template

Pick from 17 industry-specific templates. Each comes with curated typography, color systems, sample content, testimonials, and an AI agent greeting — all tailored to the niche.

Step 01 visual
02

Generate a 3D hero image

Use Nanobanana 2 to create a photorealistic 3D render that matches your site's exact background color. The image blends seamlessly into the hero section.

Step 02 visual
03

Animate it into a video

Feed the image into Kling 3.0 to create a 5-second cinematic rotation video. The video becomes scroll-driven — it plays forward as users scroll down and reverses when they scroll up.

Step 03 visual
04

Deploy with AI agent

Your website launches with a Claude-powered chat widget in the corner. It qualifies visitors, answers questions about the business, collects contact info, and books appointments via Google Calendar.

Step 04 visual

LIVE PREVIEW

See how each template looks

Click any industry below. The preview updates in real-time with that template's colors, content, and layout.

realestate.com
Arden & Co
AboutServicesContactBook Now
Real Estate
Discover Extraordinary Living
London's most exceptional properties
Get Started
$2.4B+
Sold
500+
Clients
20
Years
💬
+ 10 more:ArchitectureSpa & WellnessE-CommerceAuto DealershipEducationContractor / HVACPet ServicesEvent / WeddingNonprofitProfessional Services

FEATURES

Essential tools for building premium websites

Everything you need ships in the box. No plugins, no add-ons.

SIGNATURE FEATURE

Scroll-driven 3D animation

The hero video plays forward as users scroll down and reverses when they scroll up. Smooth lerp interpolation means zero jank — it feels like an Apple product page.

✓ 60fps smooth✓ Mobile fallback✓ Auto-compressed
↕️
Scroll to play video
💬

AI lead capture agent

Claude-powered chat widget qualifies visitors, collects contact info, and books appointments via Google Calendar. Runs 24/7.

Natural conversation
Calendar booking
Lead qualification
🎨

8 curated color themes

5 dark themes + 3 light themes. Each is a complete design system — background, text hierarchy, accent, borders, hover states.

dark-gold, emerald, blue, rose, violet
light-navy, warm, sage
Mix with any template
⌨️

One-command everything

Interactive CLI walks you through every choice. No config files, no boilerplate, no manual setup. Just answer questions.

pwb create → generate
pwb video → compress
pwb serve → deploy
📖

100% open source

MIT licensed. Fork it, extend it, sell what you build with it. No vendor lock-in, no subscription, no hidden costs.

6 font pairings included
Prompt library for Nanobanana/Kling
Express backend pre-wired

THE CLI

Five questions.
That's the entire setup.

The interactive CLI guides you through template, theme, fonts, and agent configuration. Your premium website is generated and ready to serve in seconds.

pwb createGenerate a new website interactively
pwb serveStart the site with AI agent backend
pwb videoCompress and integrate scroll animation
pwb listSee all generated sites
pwb themesPreview available color themes
zsh
$ pwb create
? Select industry: Real Estate Agency
? Business name: Arden & Co
? Color theme: dark-gold accent: #c9a84c
? Font pairing: playfair-inter
? Include AI agent? Yes
Website generated at sites/arden-co/

$ pwb serve arden-co
Serving: Arden & Co
Open: http://localhost:3000

PRICING

Free. Seriously.

PWB is open source. You only pay for the AI services you choose to use.

PWB Core
Free
Open source, forever
17 industry templates
8 color themes, 6 font pairings
Interactive CLI
AI agent widget (BYOK)
Scroll-driven video integration
Express backend included
MIT licensed
Get started
Optional AI services
<$1
Per website generated
Nanobanana 2 image~$0.04
Kling 3.0 video~$0.50
Claude agent (per chat)~$0.003
Bring your own API keys. No markup, no middleman.

FAQ

Frequently asked questions

A typical premium website takes a designer 40-80 hours. With PWB, you generate a production-ready site in under 20 minutes. The AI agent alone would take a developer 2-3 days to build from scratch.

Yes. Every template uses the same design principles that premium agencies charge $5K-$15K for — proper typography scales, spacing systems, scroll-driven animations, and color theory. The included frontend-design skill enforces these standards.

The agent widget uses Claude's API to have natural conversations with your site visitors. It qualifies leads by asking about their needs, collects contact info, and can book appointments via Google Calendar integration. It runs 24/7 on autopilot.

Absolutely. The output is clean, semantic HTML/CSS/JS — no proprietary framework lock-in. Edit anything directly, add components from 21st.dev, or use Claude Code to iterate on the design.

Generate a 3D image with Nanobanana 2 (Google AI Studio, ~$0.04/image), animate it with Kling 3.0 (~$0.50/video), then run `pwb video` to compress and integrate it. Total cost: under $1.

Yes. PWB is MIT licensed, open source, and free forever. The only costs are the AI services you optionally use: Claude API for the agent (~$0.003/conversation), Nanobanana for images, and Kling for video.

GET STARTED

Start building today

Three commands. Your first premium website in under 5 minutes.

$ git clone https://github.com/connorodea/premium-website-builder
$ cd premium-website-builder && npm install
$ npx pwb create