Basic Elements

buttons

PICK YOUR SIZE
PICK YOUR color
outline
links
default primary info success warning danger

Inputs

FORM CONTROLS
FORM CONTROLS (ALTERNATIVE)
CHECKBOXES
RADIOS
TOGGLE BUTTONS
SLIDERS

Menu

WITH TEXT
WITH TEXT

navbars

tabs

with icons
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.
with texts
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

progress bars


TASK COMPLETED 40%

TASK COMPLETED 60%

pagination

navigation pills


labels


primary success danger warning info

Alerts

Success!This is a success alert—check it out!
Info! This is an info alert—check it out!
Warning! This is a warning alert—check it out!
Danger! This is an error alert—check it out!

Typography

Headings

HEADING 1

Argon Design System

HEADING 2

Argon Design System

HEADING 3

Argon Design System

HEADING 4

Argon Design System

HEADING 5
Argon Design System
HEADING 6
Argon Design System

Display titles

DISPLAY 1

Argon Design System

DISPLAY 2

Argon Design System

DISPLAY 3

Argon Design System

DISPLAY 4

Argon Design System

Specialized titles

HEADING

Argon Design System

HEADING TITLE

Argon Design System

Header with small subtitle

HEADING SEACTION

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.

Paragraphs

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.

LEAD TEXT

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.Someone famous in Source Title

Someone famous Source Title
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...

images

IMAGE team image
CIRCLE IMAGE team image
RAISED team image
CIRCLE RAISED team image

Javascript Components

Modals

Datepicker

Tooltips & Popovers

TOOLTIPS
POPOVERS

Bootstrap carousel

Argon Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go.


Nucleo Icons

The official package contains over 21.000 icons which are looking great in combination with Argon Design System. Make sure you check all of them and use those that you like the most.

view demo icons view all icons

A beautiful Design System

completed with examples

The Design System comes with four 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 Bootstrap 4 Design System.

Sign in with


Or sign in with credentials

Do you love this awesome

Design System for Bootstrap 4?

Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in HTML. Start a new project or give an old Bootstrap project a new look!

landing-img
profile-img

Thank you for supporting us!

Let's get in touch on any of these platforms.

© 2021 alibarcha.