DIV Builder - Visual HTML Prototyping Tool

Elements

<div> Div

<button> Button

<div> Flex Row

<div> Flex Column

<p> Paragraph

<h2> Heading 2

<a> Link

<img> Image

<div> Div

<section> Section

<article> Article

<aside> Aside

<div> Flex Row

<div> Flex Column

<p> Paragraph

<span> Span

<h1> Heading 1

<h2> Heading 2

<h3> Heading 3

<h4> Heading 4

<h5> Heading 5

<h6> Heading 6

<blockquote> Blockquote

<button> Button

<a> Link

<input> Input

<form> Form

<header> Header

<nav> Nav

<footer> Footer

<main> Main

<div> Grid 2-col

<div> Grid 3-col

<ul> Unordered List

<ol> Ordered List

<li> List Item

<img> Image

<video> Video

<iframe> Iframe

<figure> Figure

<details> Details

<summary> Summary

Start Building

Drag elements from the palette to create your layout

Properties

Select an element to edit its properties