Basic Elements

Buttons

Pick your color
Rounded
Outline
Outline Rounded
Links
Gradients
Pick your style
Pick your size
Floating
Active & Disabled
Block Level
Social Buttons


W/ Icons
Rounded w/ Icons
w/ Gradient
Link

Inputs

Form controls
Form controls (alternative)

Customizable Select

Textarea
Tags

Spinners

Border Spinners
Loading...


Colors

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Growing Spinners
Loading...


Colors

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Checkboxes
Radios
Toggle buttons




Sliders

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 text

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

Default
60%
Primary
60%
Secondary
60%
Info
60%
Success
60%
Danger
60%
Warning
60%

Pagination

Labels

Contextual variations
Default Primary Secondary Info Success Danger Warning
Pill Badges
Default Primary Secondary Info Success Danger Warning
Links
Default Primary Secondary Info Success Danger Warning
Style
Sizes
Default Medium Large badge

Alerts

Toasts

Pre-footer Areas









Typography

Headings

Heading 1

Argon Design System PRO

Heading 2

Argon Design System PRO

Heading 3

Argon Design System PRO

Heading 4

Argon Design System PRO

Heading 5
Argon Design System PRO
Heading 6
Argon Design System PRO

Display titles

Display 1

Argon Design System PRO

Display 2

Argon Design System PRO

Display 3

Argon Design System PRO

Display 4

Argon Design System PRO

Specialized titles

Heading

Argon Design System PRO

Heading title

Argon Design System PRO

Heading seaction

Header with small subtitle

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

I always felt like I could do anything. That’s the main thing people are controlled by!

Someone famous in 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 Rounded image
Circle Image Circle image
Raised Raised image
Circle Raised Raised circle image
Avatar group

Content Areas

Tables

Simple With Actions
Project Budget Status Users Completion
Image placeholder
Argon Design System
$2500 USD pending
60%
Image placeholder
Angular Now UI Kit PRO
$1800 USD completed
100%
Image placeholder
Black Dashboard
$3150 USD delayed
72%
Image placeholder
React Material Dashboard
$4400 USD on schedule
90%
Image placeholder
Vue Paper UI Kit PRO
$2200 USD completed
100%
Striped With Checkboxes
# Product Name Type Milestone Qty Price Amount
Moleskine Agenda Office
v1.2.0
25 € 49 € 1,225
Stabilo Pen Office
v1.4.0
30 € 10 € 300
A4 Paper Pack Office
v2.0.0
50 € 10.99 € 109
Apple iPad Meeting
v1.5.0
10 € 499.00 € 4,990
Apple iPhone Communication
v1.0.0
10 € 599.00 € 5,999
Total € 35,999
Shopping Cart Table
Product Color Size Price Qty Amount
...
Monaco bees
natté jacket

by Gucci
Blue M 1,490 1
1,490
...
Patent-leather
ankle boots

by Prada
Black 41 1,985 2
3,890
...
Ophidia GG
by Saint Laurent
Black L 799 1
799
Total 7,346

Comments

Activity feed
John Snow 3 days ago

Personal profiles are the perfect way for you to grab their attention and persuade recruiters to continue reading your CV because you’re telling them from the off exactly why they should hire you.

Image placeholder
Image placeholder
Michael Lewis

You have the opportunity to play this game of life you need to appreciate every moment. A lot of people don’t appreciate the moment until it’s passed.

Image placeholder
Jessica Stones

I always felt like I could do anything. That’s the main thing people are controlled by! Thoughts- their perception of themselves! They're slowed down.

Image placeholder

Chat

It contains a lot of good lessons about effective practices

3:14am

Can it generate daily design links that include essays and data visualizations ?

3:30am
Wed, 3:27pm

Yeah! Responsive Design is geared towards those trying to build web apps

4:31pm

Excellent, I want it now !

4:40pm

You can easily get it; The content here is all free

4:42pm

Awesome, blog is important source material for anyone who creates apps?
beacuse these blogs offer a lot of information about website development.

4:46pm
Rounded image
4:47pm

At the end of the day … the native dev apps is where users are

4:47pm

Typing...

Cards

Blog Cards

Focus

Our brains are finely attuned to distraction

Focus
Stay focused

Our brains are finely attuned to distraction, so today's digital environment makes it especially hard to focus...

Features
FiftyThree Files For Paper

Yesterday, as Facebook launched its news reader app Paper, design-focused startup FiftyThree called out Facebook...

Card image
Card Title

This is a wider card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Business
Springer Spends $343M To Buy Business Insider

German media giant Axel Springer has announced it’s acquiring online business news publication Business Inside...

Features
That’s One Way To Ditch Your Passenger

As near as we can tell, this guy must have thought he was going over backwards break to bring the nose down...

Here Be Dragons

Our brains are finely attuned to distraction, so today's digital environment makes it especially hard to focus...

News
Focus on Your Employees

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye

Image placeholder
Get started with Argon
by John Snow on Oct 29th at 10:23 AM

Argon is a great free UI package based on Bootstrap 4 that includes the most important components and features.

View article

Profile Cards

Dylan Wyatt

Team Lead

  • Dedicated entrepreneur
  • Urban exploration
  • Able to get good at everything
22 Friends
10 Photos
89 Comments
Daisy Paisley, 28
Bucharest, Romania
Austin Johnson
Project Manager

Don't be scared of the truth because we need to restart the human foundation in truth And I love you...

Project Manager

Austin Johnson

Don't be scared of the truth because we need to restart the human foundation in truth And I love you...

Follow
cover
Johana Doe, 37
Chicago, USA
23K Followers
47 Posts

Jane Doe

Team Lead

Skills
Leadership
Hobbies
Skiing, Chess
Level
• • • • •

Full Background Cards

Pricing Cards

Bravo pack
$49
per application
  • Complete documentation
  • Working materials in Sketch
  • 2GB cloud storage
Premium pack
$89
per month
  • 20GB File Storage
  • Sketch Working materials in
  • Premium Support
Standard

$69

  • Sharing Tools
  • Design Tools
  • Private Messages
  • Private Brand
Choose plan
Premium

$109

  • 100 Projects
  • 5 Team Members
  • 55 Personal Contacts
  • 5K Messages
Get Started
Platinum Pack
£ 349
  • 350 messages
  • 10K emails
  • 24/7 Support

Premium pack

$ 89 /mo
  • 10 Templates + Updates

  • + Adobe Sketch

Javascript Components

Modals

Sizes

Datepicker

Single date
Date range
DateTimePicker

Tooltips

Colors

Position

Popovers

Colors

Position

File Upload

Regular Image
...
Select image Change Remove
Avatar
...
Add Photo Change
Remove

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.

See all components

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.