Structure

Free Bootstrap 4 UI Kit on Structure Design.

Designed by: Peter Mendelev

Basic Elements

Buttons
Pick your style

Pick your size

Pick your color

Disabled Buttons

Buttons with Dropdown

Block Level Buttons

Inputs

Checkboxes

Radio Buttons

Toggle Buttons

Toggle is on
ON
Toggle is Off

Sliders

Badges

Primary Info Success Warning Danger Rose

Progress bars

40% Complete
60% Complete
70% Complete
35% Complete (success)
20% Complete (warning)
30% Complete (danger)

Paginations

Notifications

Info alert: You've got some friends nearby, stop looking at your phone and find them...

Success Alert: Yuhuuu! You've got your $11.99 album from The Weeknd

Warning Alert: Hey, it looks like you still have the "copyright © 2015" in your footer. Please update it!

Error Alert: Damn man! You screwed up the server this time. You should find a good excuse for your Boss...

Typography

Header 1Thinking in textures

Header 2Thinking in textures

Header 3Thinking in textures

Header 4Thinking in textures

Header 5Thinking in textures
Header 6Thinking in textures

Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Quote

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

— Jason Hodson, Web Designer
Muted Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Primary Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Info Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Success Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Warning Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Danger Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Small Tag Header with small subtitle
Use "small" tag for the headers

Images

Rounded Image

Round Image
Clyde Ford

Circle Image

Circle Image
Clyde Ford

Circle Raised

Thumbnail Image
Clyde Ford

Javascripts Components

Modals

Datetimepickers

Popovers

Tooltip

Completed with examples

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit.

Cards Styles

Cards with Image Round

Circle Image
Special title treatment

With supporting text below as a natural lead-in to additional content. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into.

Go somewhere

Cards with image

Round Image
Card title

With supporting text below as a natural lead-in to additional content. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country.

Cards Profile

Round Image
Paula Fortland
A Web Designer Based from London

With supporting text below as a natural lead-in to additional content.

Available for Freelance