Loading Developer Playground

Loading ...

Skip to main content

Webpage Builder

Drag and drop blocks to build your landing page

Blocks

Drag blocks to the canvas

Basic

Heading

Title or section header

Rich Text

Formatted text with styling

Paragraph

Plain text content

Image

Image with optional link

Button

Clickable button link

Spacer

Vertical spacing

Divider

Horizontal line separator

Layout

1 Column

Single column container

2 Columns

Two column layout

3 Columns

Three column layout

Sections

Hero Section

Eye-catching header with headline and CTA

Features

Showcase your product features

Testimonials

Customer reviews and quotes

Call to Action

Conversion-focused banner

Pricing

Pricing tiers and plans

FAQ

Frequently asked questions

Footer

Page footer with links

Drop blocks here

Drag blocks from the library to start building

Frequently Asked Questions

How do I use the webpage builder?

Simply drag blocks from the left sidebar onto the canvas. Click on any block to customize its content, colors, and layout in the settings panel on the right. Reorder blocks by dragging them up or down on the canvas.

What keyboard shortcuts are available?

Ctrl+Z - Undo, Ctrl+Shift+Z - Redo, Ctrl+D - Duplicate selected block, Ctrl+C - Copy block style, Ctrl+V - Paste block style, Delete - Remove selected block.

How do I use column layouts?

Drag a column layout (1, 2, or 3 columns) onto the canvas, then drag basic blocks like Heading, Paragraph, Image, or Button directly into each column. You can customize each column's background and padding in the settings panel.

Can I export my webpage?

Yes! Once you have built your page, you can view the generated HTML and CSS code in the code panel at the bottom. You can copy the code or download it as a single HTML file or as separate HTML and CSS files in a ZIP archive.

What blocks are available?

The builder includes Basic blocks (Heading, Paragraph, Image, Button, Spacer, Divider), Layout blocks (1, 2, and 3 column containers), and Section blocks (Hero, Features, Testimonials, CTA, Pricing, FAQ, Footer). Each block is fully customizable.

Is this tool free to use?

Yes, this webpage builder is completely free to use. No signup required, no watermarks, and you own 100% of the code you generate. Everything runs in your browser - we do not store any of your data.