Export
Drag’n’drop blocks
from the left
Apply Preset
Fonts
Heading
DM Sans
Body
DM Sans
Heading
  • ABeeZee
  • Abel
  • Abhaya Libre
  • Abril Fatface
  • Aclonica
  • Acme
  • Actor
  • Adamina
  • Advent Pro
  • Aguafina Script
  • Akronim
  • Aladin
  • Alata
  • Alatsi
  • Aldrich
  • Alef
  • Alegreya
  • Alegreya SC
  • Alegreya Sans
  • Alegreya Sans SC
  • Aleo
  • Alex Brush
  • Alfa Slab One
  • Alice
  • Alike
  • Alike Angular
  • Allan
  • Allerta
  • Allerta Stencil
  • Allura
  • Almendra
  • Almendra Display
  • Almendra SC
  • Amarante
  • Amaranth
  • Amatic SC
  • Amethysta
  • Amiko
  • Amiri
  • Amita
  • Anaheim
  • Andada
  • Andika
  • Annie Use Your Telescope
  • Anonymous Pro
  • Antic
  • Antic Didone
  • Antic Slab
  • Anton
  • Arapey
  • Arbutus
  • Arbutus Slab
  • Architects Daughter
  • Archivo
  • Archivo Black
  • Archivo Narrow
  • Aref Ruqaa
  • Arima Madurai
  • Arimo
  • Arizonia
  • Armata
  • Arsenal
  • Artifika
  • Arvo
  • Arya
  • Asap
  • Asap Condensed
  • Asar
  • Asset
  • Assistant
  • Astloch
  • Asul
  • Athiti
  • Atma
  • Atomic Age
  • Aubrey
  • Audiowide
  • Autour One
  • Average
  • Average Sans
  • Averia Gruesa Libre
  • Averia Libre
  • Averia Sans Libre
  • Averia Serif Libre
  • B612
  • B612 Mono
  • Bad Script
  • Bahiana
  • Bahianita
  • Bai Jamjuree
  • Baloo 2
  • Baloo Bhai 2
  • Baloo Bhaina 2
  • Baloo Chettan 2
  • Baloo Da 2
  • Baloo Paaji 2
  • Baloo Tamma 2
  • Baloo Tammudu 2
  • Baloo Thambi 2
  • Balthazar
  • Bangers
  • Barlow
  • Barlow Condensed
  • Barlow Semi Condensed
  • Barriecito
  • Barrio
  • Basic
  • Baskervville
  • Baumans
  • Be Vietnam
  • Bebas Neue
  • Belgrano
  • Bellefair
  • Belleza
  • Bellota
  • Bellota Text
  • BenchNine
  • Bentham
  • Berkshire Swash
  • Beth Ellen
  • Bevan
  • Big Shoulders Display
  • Big Shoulders Text
  • Bigelow Rules
  • Bigshot One
  • Bilbo
  • Bilbo Swash Caps
  • BioRhyme
  • BioRhyme Expanded
  • Biryani
  • Bitter
  • Black And White Picture
  • Black Han Sans
  • Black Ops One
  • Blinker
  • Bonbon
  • Boogaloo
  • Bowlby One
  • Bowlby One SC
  • Brawler
  • Bree Serif
  • Bubblegum Sans
  • Bubbler One
  • Buda
  • Buenard
  • Bungee
  • Bungee Hairline
  • Bungee Inline
  • Bungee Outline
  • Bungee Shade
  • Butcherman
  • Butterfly Kids
  • Cabin
  • Cabin Condensed
  • Cabin Sketch
  • Caesar Dressing
  • Cagliostro
  • Cairo
  • Caladea
  • Calistoga
  • Calligraffitti
  • Cambay
  • Cambo
  • Candal
  • Cantarell
  • Cantata One
  • Cantora One
  • Capriola
  • Cardo
  • Carme
  • Carrois Gothic
  • Carrois Gothic SC
  • Carter One
  • Catamaran
  • Caudex
  • Caveat
  • Caveat Brush
  • Cedarville Cursive
  • Ceviche One
  • Chakra Petch
  • Changa
  • Changa One
  • Chango
  • Charm
  • Charmonman
  • Chathura
  • Chau Philomene One
  • Chela One
  • Chelsea Market
  • Cherry Cream Soda
  • Cherry Swash
  • Chewy
  • Chicle
  • Chilanka
  • Chivo
  • Chonburi
  • Cinzel
  • Cinzel Decorative
  • Clicker Script
  • Coda
  • Coda Caption
  • Codystar
  • Coiny
  • Combo
  • Comfortaa
  • Comic Neue
  • Coming Soon
  • Concert One
  • Condiment
  • Contrail One
  • Convergence
  • Cookie
  • Copse
  • Corben
  • Cormorant
  • Cormorant Garamond
  • Cormorant Infant
  • Cormorant SC
  • Cormorant Unicase
  • Cormorant Upright
  • Courgette
  • Courier Prime
  • Cousine
  • Coustard
  • Covered By Your Grace
  • Crafty Girls
  • Creepster
  • Crete Round
  • Crimson Pro
  • Crimson Text
  • Croissant One
  • Crushed
  • Cuprum
  • Cute Font
  • Cutive
  • Cutive Mono
  • DM Sans
  • DM Serif Display
  • DM Serif Text
  • Damion
  • Dancing Script
  • Darker Grotesque
  • David Libre
  • Dawning of a New Day
  • Days One
  • Dekko
  • Delius
  • Delius Swash Caps
  • Delius Unicase
  • Della Respira
  • Denk One
  • Devonshire
  • Dhurjati
  • Didact Gothic
  • Diplomata
  • Diplomata SC
  • Do Hyeon
  • Dokdo
  • Domine
  • Donegal One
  • Doppio One
  • Dorsa
  • Dosis
  • Dr Sugiyama
  • Duru Sans
  • Dynalight
  • EB Garamond
  • Eagle Lake
  • East Sea Dokdo
  • Eater
  • Economica
  • Eczar
  • El Messiri
  • Electrolize
  • Elsie
  • Elsie Swash Caps
  • Emblema One
  • Emilys Candy
  • Encode Sans
  • Encode Sans Condensed
  • Encode Sans Expanded
  • Encode Sans Semi Condensed
  • Encode Sans Semi Expanded
  • Engagement
  • Englebert
  • Enriqueta
  • Erica One
  • Esteban
  • Euphoria Script
  • Ewert
  • Exo
  • Exo 2
  • Expletus Sans
  • Fahkwang
  • Fanwood Text
  • Farro
  • Farsan
  • Fascinate
  • Fascinate Inline
  • Faster One
  • Fauna One
  • Faustina
  • Federant
  • Federo
  • Felipa
  • Fenix
  • Finger Paint
  • Fira Code
  • Fira Mono
  • Fira Sans
  • Fira Sans Condensed
  • Fira Sans Extra Condensed
  • Fjalla One
  • Fjord One
  • Flamenco
  • Flavors
  • Fondamento
  • Fontdiner Swanky
  • Forum
  • Francois One
  • Frank Ruhl Libre
  • Freckle Face
  • Fredericka the Great
  • Fredoka One
  • Fresca
  • Frijole
  • Fruktur
  • Fugaz One
  • Gabriela
  • Gaegu
  • Gafata
  • Galada
  • Galdeano
  • Galindo
  • Gamja Flower
  • Gayathri
  • Gelasio
  • Gentium Basic
  • Gentium Book Basic
  • Geo
  • Geostar
  • Geostar Fill
  • Germania One
  • Gidugu
  • Gilda Display
  • Girassol
  • Give You Glory
  • Glass Antiqua
  • Glegoo
  • Gloria Hallelujah
  • Goblin One
  • Gochi Hand
  • Gorditas
  • Gothic A1
  • Gotu
  • Goudy Bookletter 1911
  • Graduate
  • Grand Hotel
  • Gravitas One
  • Great Vibes
  • Grenze
  • Griffy
  • Gruppo
  • Gudea
  • Gugi
  • Gupter
  • Gurajada
  • Habibi
  • Halant
  • Hammersmith One
  • Hanalei
  • Hanalei Fill
  • Handlee
  • Happy Monkey
  • Harmattan
  • Headland One
  • Heebo
  • Henny Penny
  • Hepta Slab
  • Herr Von Muellerhoff
  • Hi Melody
  • Hind
  • Hind Guntur
  • Hind Madurai
  • Hind Siliguri
  • Hind Vadodara
  • Holtwood One SC
  • Homemade Apple
  • Homenaje
  • IBM Plex Mono
  • IBM Plex Sans
  • IBM Plex Sans Condensed
  • IBM Plex Serif
  • IM Fell DW Pica
  • IM Fell DW Pica SC
  • IM Fell Double Pica
  • IM Fell Double Pica SC
  • IM Fell English
  • IM Fell English SC
  • IM Fell French Canon
  • IM Fell French Canon SC
  • IM Fell Great Primer
  • IM Fell Great Primer SC
  • Ibarra Real Nova
  • Iceberg
  • Iceland
  • Imprima
  • Inconsolata
  • Inder
  • Indie Flower
  • Inika
  • Inknut Antiqua
  • Inria Sans
  • Inria Serif
  • Inter
  • Irish Grover
  • Istok Web
  • Italiana
  • Italianno
  • Itim
  • Jacques Francois
  • Jacques Francois Shadow
  • Jaldi
  • Jim Nightshade
  • Jockey One
  • Jolly Lodger
  • Jomhuria
  • Jomolhari
  • Josefin Sans
  • Josefin Slab
  • Joti One
  • Jua
  • Judson
  • Julee
  • Julius Sans One
  • Junge
  • Jura
  • Just Another Hand
  • Just Me Again Down Here
  • K2D
  • Kadwa
  • Kalam
  • Kameron
  • Kanit
  • Karla
  • Karma
  • Katibeh
  • Kaushan Script
  • Kavivanar
  • Kavoon
  • Keania One
  • Kelly Slab
  • Kenia
  • Khand
  • Khula
  • Kirang Haerang
  • Kite One
  • Knewave
  • KoHo
  • Kodchasan
  • Kosugi
  • Kosugi Maru
  • Kotta One
  • Kranky
  • Kreon
  • Kristi
  • Krona One
  • Krub
  • Kulim Park
  • Kumar One
  • Kumar One Outline
  • Kurale
  • La Belle Aurore
  • Lacquer
  • Laila
  • Lakki Reddy
  • Lalezar
  • Lancelot
  • Lateef
  • Lato
  • League Script
  • Leckerli One
  • Ledger
  • Lekton
  • Lemon
  • Lemonada
  • Lexend Deca
  • Lexend Exa
  • Lexend Giga
  • Lexend Mega
  • Lexend Peta
  • Lexend Tera
  • Lexend Zetta
  • Libre Barcode 128
  • Libre Barcode 128 Text
  • Libre Barcode 39
  • Libre Barcode 39 Extended
  • Libre Barcode 39 Extended Text
  • Libre Barcode 39 Text
  • Libre Baskerville
  • Libre Caslon Display
  • Libre Caslon Text
  • Libre Franklin
  • Life Savers
  • Lilita One
  • Lily Script One
  • Limelight
  • Linden Hill
  • Literata
  • Liu Jian Mao Cao
  • Livvic
  • Lobster
  • Lobster Two
  • Londrina Outline
  • Londrina Shadow
  • Londrina Sketch
  • Londrina Solid
  • Long Cang
  • Lora
  • Love Ya Like A Sister
  • Loved by the King
  • Lovers Quarrel
  • Luckiest Guy
  • Lusitana
  • Lustria
  • M PLUS 1p
  • M PLUS Rounded 1c
  • Ma Shan Zheng
  • Macondo
  • Macondo Swash Caps
  • Mada
  • Magra
  • Maiden Orange
  • Maitree
  • Major Mono Display
  • Mako
  • Mali
  • Mallanna
  • Mandali
  • Manjari
  • Mansalva
  • Manuale
  • Marcellus
  • Marcellus SC
  • Marck Script
  • Margarine
  • Markazi Text
  • Marko One
  • Marmelad
  • Martel
  • Martel Sans
  • Marvel
  • Mate
  • Mate SC
  • Maven Pro
  • McLaren
  • Meddon
  • MedievalSharp
  • Medula One
  • Meera Inimai
  • Megrim
  • Meie Script
  • Merienda
  • Merienda One
  • Merriweather
  • Merriweather Sans
  • Metal Mania
  • Metamorphous
  • Metrophobic
  • Michroma
  • Milonga
  • Miltonian
  • Miltonian Tattoo
  • Mina
  • Miniver
  • Miriam Libre
  • Mirza
  • Miss Fajardose
  • Mitr
  • Modak
  • Modern Antiqua
  • Mogra
  • Molengo
  • Molle
  • Monda
  • Monofett
  • Monoton
  • Monsieur La Doulaise
  • Montaga
  • Montez
  • Montserrat
  • Montserrat Alternates
  • Montserrat Subrayada
  • Mountains of Christmas
  • Mouse Memoirs
  • Mr Bedfort
  • Mr Dafoe
  • Mr De Haviland
  • Mrs Saint Delafield
  • Mrs Sheppards
  • Mukta
  • Mukta Mahee
  • Mukta Malar
  • Mukta Vaani
  • Muli
  • Mystery Quest
  • NTR
  • Nanum Brush Script
  • Nanum Gothic
  • Nanum Gothic Coding
  • Nanum Myeongjo
  • Nanum Pen Script
  • Neucha
  • Neuton
  • New Rocker
  • News Cycle
  • Niconne
  • Niramit
  • Nixie One
  • Nobile
  • Norican
  • Nosifer
  • Notable
  • Nothing You Could Do
  • Noticia Text
  • Noto Sans
  • Noto Sans HK
  • Noto Sans JP
  • Noto Sans KR
  • Noto Sans SC
  • Noto Sans TC
  • Noto Serif
  • Noto Serif JP
  • Noto Serif KR
  • Noto Serif SC
  • Noto Serif TC
  • Nova Cut
  • Nova Flat
  • Nova Mono
  • Nova Oval
  • Nova Round
  • Nova Script
  • Nova Slim
  • Nova Square
  • Numans
  • Nunito
  • Nunito Sans
  • Odibee Sans
  • Offside
  • Old Standard TT
  • Oldenburg
  • Oleo Script
  • Oleo Script Swash Caps
  • Open Sans
  • Open Sans Condensed
  • Oranienbaum
  • Orbitron
  • Oregano
  • Orienta
  • Original Surfer
  • Oswald
  • Over the Rainbow
  • Overlock
  • Overlock SC
  • Overpass
  • Overpass Mono
  • Ovo
  • Oxanium
  • Oxygen
  • Oxygen Mono
  • PT Mono
  • PT Sans
  • PT Sans Caption
  • PT Sans Narrow
  • PT Serif
  • PT Serif Caption
  • Pacifico
  • Padauk
  • Palanquin
  • Palanquin Dark
  • Pangolin
  • Paprika
  • Parisienne
  • Passero One
  • Passion One
  • Pathway Gothic One
  • Patrick Hand
  • Patrick Hand SC
  • Pattaya
  • Patua One
  • Pavanam
  • Paytone One
  • Peddana
  • Peralta
  • Permanent Marker
  • Petit Formal Script
  • Petrona
  • Philosopher
  • Piedra
  • Pinyon Script
  • Pirata One
  • Plaster
  • Play
  • Playball
  • Playfair Display
  • Playfair Display SC
  • Podkova
  • Poiret One
  • Poller One
  • Poly
  • Pompiere
  • Pontano Sans
  • Poor Story
  • Poppins
  • Port Lligat Sans
  • Port Lligat Slab
  • Pragati Narrow
  • Prata
  • Press Start 2P
  • Pridi
  • Princess Sofia
  • Prociono
  • Prompt
  • Prosto One
  • Proza Libre
  • Public Sans
  • Puritan
  • Purple Purse
  • Quando
  • Quantico
  • Quattrocento
  • Quattrocento Sans
  • Questrial
  • Quicksand
  • Quintessential
  • Qwigley
  • Racing Sans One
  • Radley
  • Rajdhani
  • Rakkas
  • Raleway
  • Raleway Dots
  • Ramabhadra
  • Ramaraja
  • Rambla
  • Rammetto One
  • Ranchers
  • Rancho
  • Ranga
  • Rasa
  • Rationale
  • Ravi Prakash
  • Red Hat Display
  • Red Hat Text
  • Redressed
  • Reem Kufi
  • Reenie Beanie
  • Revalia
  • Rhodium Libre
  • Ribeye
  • Ribeye Marrow
  • Righteous
  • Risque
  • Roboto
  • Roboto Condensed
  • Roboto Mono
  • Roboto Slab
  • Rochester
  • Rock Salt
  • Rokkitt
  • Romanesco
  • Ropa Sans
  • Rosario
  • Rosarivo
  • Rouge Script
  • Rozha One
  • Rubik
  • Rubik Mono One
  • Ruda
  • Rufina
  • Ruge Boogie
  • Ruluko
  • Rum Raisin
  • Ruslan Display
  • Russo One
  • Ruthie
  • Rye
  • Sacramento
  • Sahitya
  • Sail
  • Saira
  • Saira Condensed
  • Saira Extra Condensed
  • Saira Semi Condensed
  • Saira Stencil One
  • Salsa
  • Sanchez
  • Sancreek
  • Sansita
  • Sarabun
  • Sarala
  • Sarina
  • Sarpanch
  • Satisfy
  • Sawarabi Gothic
  • Sawarabi Mincho
  • Scada
  • Scheherazade
  • Schoolbell
  • Scope One
  • Seaweed Script
  • Secular One
  • Sedgwick Ave
  • Sedgwick Ave Display
  • Sen
  • Sevillana
  • Seymour One
  • Shadows Into Light
  • Shadows Into Light Two
  • Shanti
  • Share
  • Share Tech
  • Share Tech Mono
  • Shojumaru
  • Short Stack
  • Shrikhand
  • Sigmar One
  • Signika
  • Signika Negative
  • Simonetta
  • Sintony
  • Sirin Stencil
  • Six Caps
  • Skranji
  • Slabo 13px
  • Slabo 27px
  • Slackey
  • Smokum
  • Smythe
  • Sniglet
  • Snippet
  • Snowburst One
  • Sofadi One
  • Sofia
  • Solway
  • Song Myung
  • Sonsie One
  • Sorts Mill Goudy
  • Source Code Pro
  • Source Sans Pro
  • Source Serif Pro
  • Space Mono
  • Spartan
  • Special Elite
  • Spectral
  • Spectral SC
  • Spicy Rice
  • Spinnaker
  • Spirax
  • Squada One
  • Sree Krushnadevaraya
  • Sriracha
  • Srisakdi
  • Staatliches
  • Stalemate
  • Stalinist One
  • Stardos Stencil
  • Stint Ultra Condensed
  • Stint Ultra Expanded
  • Stoke
  • Strait
  • Stylish
  • Sue Ellen Francisco
  • Suez One
  • Sulphur Point
  • Sumana
  • Sunflower
  • Sunshiney
  • Supermercado One
  • Sura
  • Suranna
  • Suravaram
  • Swanky and Moo Moo
  • Syncopate
  • Tajawal
  • Tangerine
  • Tauri
  • Taviraj
  • Teko
  • Telex
  • Tenali Ramakrishna
  • Tenor Sans
  • Text Me One
  • Thasadith
  • The Girl Next Door
  • Tienne
  • Tillana
  • Timmana
  • Tinos
  • Titan One
  • Titillium Web
  • Tomorrow
  • Trade Winds
  • Trirong
  • Trocchi
  • Trochut
  • Trykker
  • Tulpen One
  • Turret Road
  • Ubuntu
  • Ubuntu Condensed
  • Ubuntu Mono
  • Ultra
  • Uncial Antiqua
  • Underdog
  • Unica One
  • UnifrakturCook
  • UnifrakturMaguntia
  • Unkempt
  • Unlock
  • Unna
  • VT323
  • Vampiro One
  • Varela
  • Varela Round
  • Vast Shadow
  • Vesper Libre
  • Viaoda Libre
  • Vibes
  • Vibur
  • Vidaloka
  • Viga
  • Voces
  • Volkhov
  • Vollkorn
  • Vollkorn SC
  • Voltaire
  • Waiting for the Sunrise
  • Wallpoet
  • Walter Turncoat
  • Warnes
  • Wellfleet
  • Wendy One
  • Wire One
  • Work Sans
  • Yanone Kaffeesatz
  • Yantramanav
  • Yatra One
  • Yellowtail
  • Yeon Sung
  • Yeseva One
  • Yesteryear
  • Yrsa
  • ZCOOL KuaiLe
  • ZCOOL QingKe HuangYou
  • ZCOOL XiaoWei
  • Zeyada
  • Zhi Mang Xing
  • Zilla Slab
  • Zilla Slab Highlight
Action
Basic
Background
Animate Fade Down
Play animation
Speed
Style
Basic
Name in editor
?
This name is visible only for you and is needed only to increase usability of Startup app editor.
Text
?
HTML tags are not allowed; You can only use <br> tag.
Image
Alternative text
?
Alternative text that will be shown if the image won't be loaded. Also used for SEO optimization.
?
Toggle on to make this image maximum width less or equal than it's parent container. With this setting your image will never be larger than your screen size. More in the Bootstrap documentation.
URL
?
URL (e.g. "https://google.com") or a patch to some page (e.g. "about.html") or an anchor on this page (e.g. "#unique-id" - check the article) to navigate to.
?
You can set URL to some image or video on YouTube/Vimeo/.mp4 (check setting above) and toggle this setting on - in this case your image/video will be opened in popup.
Note: this setting will work only in Preview and Export.
?
Toggle on if this element is a link and you've an image inside it to add a hover effect for the image.
Icon name
?
Please, go to the FontAwesome icons catalog, choose the icon you like and copy-paste it's code into this field. For example, <i class="fas fa-star"></i>
Action
?
Form "action" attribute. This is an URL that data from this form will be sent to. To use Startup integrations set this field value to "form-handler.php". Learn more about form "action" attribute here.
Method
?
Form "method" attribute. This is the method to use for sending data, usually "get" or "post". To use Startup integrations set this field value to "post". Learn more about form "method" attribute here.
Size
Button Color
Border Color
Border Color on focus
Color when checked
Value
?
The "value" attribute. It will be sent with the form if it will not be modified by user.
Name
?
The "name" attribute. You can access this field on your backend using it's name.
Type
?
Type of an input field. Different types allow to insert different type of data. Learn more about input types here.
Placeholder
?
Placeholder tooltip text that shown when the field is empty.
Placeholder
?
Placeholder tooltip text that shown when the field is empty.
Margins & Paddings
Margins
?
Margin is a space between your element and some other element.
Top & bottom margins
?
Don't forget to set top and bottom margins in the "cross" above to "—".
Left & right margins
?
Don't forget to set left and right margins in the "cross" above to "—". To center element horizontally and make left and right margins equal, choose "Auto".
Paddings
?
Padding is a space between border of your element and it's content.
Top & bottom paddings
?
Don't forget to set top and bottom paddings in the "cross" above to "—".
Left & right paddings
?
Don't forget to set left and right paddings in the "cross" above to "—".
Width & height
Width
Max-width
Height
Max-height
?
If toggled on the minimal width of this element will be equal or greater than the width of the device screen.
?
If toggled on the minimal height of this element will be equal or greater than the height of the device screen.
Font styles
Decoration
Text align
?
Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Text transform
Family
Size
Line Height
?
The line-height property specifies the height of a text line.
Weight
?
Some font weights may not be supported by chosen font. In this case chosen font weight will be changed to the closest available automatically.
Text color
Placeholder color
Letter spacing
Word break
?
Check the 1 and 2 for more info.
?
If toggled on texts with size more than 18px will decrease step-by-step by decreasing device screen size. Toggle on if your texts seems too large on mobile devices.
Display
Display
?
Check the 1 and 2 for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
?
Learn more about Bootstrap gutters.
Bootstrap container
?
Container is a basic top-level block in which you add all the content of a block. Learn more about Bootstrap containers.
Bootstrap column
?
Set this container as a bootstrap column with different width for a different screen size. Check the Bootstrap documentation for more info.
Flex justify-content
?
How to position elements inside this element. Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Flex align-items
?
How to position elements inside this element. Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Flex wrap
?
If the width of the elements inside this block will be greater than width of this block, will not fitting elements be moved to a next row ("Wrap" value) or will stay in one row, but be squeezed ("No wrap" or "—" value). Check the Bootstrap Documentation for more info.
Flex direction
?
How to position elements inside this element. Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Align self
?
How to position this element inside the Bootstrap row or flex. Note that this setting will work only if the parent container of this element has a "Display" setting set to "Flex", "Inline flex" or the "Bootstrap row". Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Order
?
Change the visual order of this element relatively to the elements around it. Note that this setting will work only if the parent container of this element has a "Display" setting set to "Flex", "Inline flex" or the "Bootstrap row". Check the Bootstrap Documentation for more info. Responsive variants for different screen sizes (sm, md, lg, xl) will be added soon!
Float
?
Float an element to the left or right. Note that this setting will not work if the parent container of this element has a "Display" setting set to "Flex", "Inline flex" or the "Bootstrap row". We recommend to use this setting only in extreme cases because floats can cause a lot of issues with layout. Don't forget to add the "clearfix" class to the parent element.
Position
?
Check the Bootstrap Documentation for more info.
Z-index
?
Learn more about z-index property.
Opacity
Border radius
Remove radius
Overflow
?
If the content inside this block will be longer than it, will the scroll be added ("Auto" value) or the content will be hidden ("Hidden" value). Check the Bootstrap Documentation for more info.
Visibility
?
Is element visible or not.
Background
Color
Image
Filter
Animation
Duration
Play animation
Style
Advanced
HTML tag
?
This HTML tag will be used to create an element. Type only the tag name, without < and > symbols and closing part, e.g. just "p" instead of "<p></p>" If the tag is not set, the default tag for this type element will be set.
Classes
?
Classes of the element;
use space or enter to add new class;
Documentation
Add
Attributes
Apply Reset

My heading text

Some text
with multiple lines in it.
Link text
Some text about this image
Random Layout
Blocks
Generate
Generate Random Layout
Are you sure you want to clear all the layout and generate new randomly?
Cancel Generate
Create Page
Please enter a page name
Create
New Page
Are you sure you want to leave this page without saving?
Cancel Leave
Load Page
Are you sure you want to load another page without saving the actual page?
Cancel Load
Rename Page
Please enter a new page name
Rename
Clone Page
Please enter a new page name
Clone
Clear Layout
Are you sure want to clear all the layout?
Clear
Delete page
Are you sure want to delete the entire page?
Delete
Undo changes?
You have unsaved changes in this block.
Undo Continue editing
Delete image
Are you sure want to delete this image?
Delete
You've reached the limit of exports!
0
Downloads
You have 0/20 downloads left until December 20th.
Please upgrade your plan for unlimited exports.
Upgrade your plan