What do you want to build?
Describe a website or template. Forge generates production-quality HTML.
Portfolio
Dark cinematic with hero and projects
Landing Page
SaaS with pricing and testimonials
Dashboard
Admin panel with stats and tables
Blog
Editorial with serif typography
Heroes
Centered Hero
Full-width background image, centered headline, CTA button
Split Hero
Text on left, image/mockup on right, two-column layout
Video Hero
Background video with overlay text and scroll indicator
Animated Gradient Hero
Animated gradient background with bold typography
Content
Features Grid
3-column grid with icons, titles, descriptions
Alternating Features
Image-text rows that alternate left/right
Stats Bar
4 large numbers with labels, animated count-up
Timeline
Vertical timeline with dates and descriptions
Image Gallery
Masonry-style photo grid with lightbox
Social Proof
Testimonials
3 cards with avatars, quotes, and names
Logos Bar
Horizontal row of partner/client logos
Review Cards
Star ratings with review text and author
Conversion
Pricing Table
3 tiers with monthly/yearly toggle, highlighted plan
CTA Section
Full-width call-to-action with gradient background
Newsletter Signup
Email input with subscribe button, simple and clean
FAQ Accordion
Expandable questions and answers
Navigation & Footer
Sticky Navbar
Logo, links, CTA button, hamburger on mobile
Mega Footer
4-column links, social icons, newsletter, copyright
Simple Footer
Single row with links and copyright
Interactive
Contact Form
Name, email, message fields with styled submit
Tabbed Content
Tab navigation with switchable content panels
Team Grid
Photo cards with name, role, social links
Clone a Website
Paste a URL or upload a screenshot. Forge will recreate the design as a template.
Captures a screenshot via API, then Claude vision recreates the design.
Drop a screenshot here or click to upload
Colors
Typography
Spacing & Shape
Injects CSS variables into your current template. Works best with freshly generated templates.
Your preview will appear here