Basic Elements

Buttons
Pick your style

Pick your size

Pick your color


Links

Buttons with icons




Social buttons

Default

Bordered

Links

Animated Buttons

Inputs

%

Checkboxes

Radio Buttons

Textarea

150 characters left

Switches

       

Switches with icons

       

Badges

Simple

Default Primary Info Success Warning Danger

Icons

Tags

Sliders



Select

Preloaders

Something

Navigation Areas

Typography

Header 1 Thinking in textures

Header 2 Thinking in textures

Header 3 Thinking in textures

Header 4 Thinking in textures

Header 5 Thinking in textures
Header 6 Thinking in textures

Paragraph Thinking in textures

Quote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.


Someone famous in Source Title
Muted text

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Primary text

Nullam id dolor id nibh ultricies vehicula ut id elit.

Success text

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Info text

Maecenas sed diam eget risus varius blandit sit amet non magna.

Warning text

Etiam porta sem malesuada magna mollis euismod.

Danger text

Donec ullamcorper nulla non metus auctor fringilla.

Small tagHeader with small subtitle
".small" is a tag for the headers


Images

Rounded Image

Rounded Image
Circle Image

Sonia Green

Circle Image

Rounded Image

Brigitte Bardot

Thumbnail

Rounded Image

John Keynes

Notifications

This is a plain notification!
This is a notification with close button.
This is a notification with close button and icon.
This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.

Tables

Simple Table

Simple With Actions

# Name Job Position Since Salary Actions
1 Andrew Mike Develop 2013 € 99,225
2 John Doe Design 2012 € 89,241
3 Alex Mike Design 2010 € 92,144
4 Mike Monday Marketing 2013 € 49,990
5 Paul Dickens Communication 2016 € 69,201

Striped With Checkboxes

# Product Name Type Qty Price Amount
1
Moleskine Agenda Office 25 € 49 € 1,225
2
Stabilo Pen Office 30 € 10 € 300
3
A4 Paper Pack Office 50 € 10.99 € 109
4
Apple iPad Meeting 10 € 499.00 € 4,990
5
Apple iPhone Communication 10 € 599.00 € 5,999
Total 12,999

Shopping Cart Table

Price Quantity Total
Agenda
Get Shit Done Notebook

Most beautiful agenda for the office, really nice paper and black cover. Most beautiful agenda for the office.

49 1
49
Stylus
Stylus

Design is not just what it looks like and feels like. Design is how it works.

499 2
998
Evernote
Evernote iPad Stander

A groundbreaking Retina display. All-flash architecture. Fourth-generation Intel processors.

799 1
799
Total 12,999

Comments Area

Comments · 10

...
John Wayne
Sep 11, 11:53 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

64x64
Tim Picture
Flume
Sep 11, 11:54 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

64x64
Eric Faker
Sep 11, 11:56 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

64x64
Banks
Sep 11, 11:57 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!


Post your comment

64x64

Post your comment

64x64

Comments Area Small

Comments · 10

...
John Wayne
Sep 11, 11:53 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Tim Picture
Chet Faker
Sep 11, 11:54 AM
Reply

Hello guys, nice to have you on the platform!

64x64
Flume
Sep 11, 11:56 AM
Reply

Don't forget, You're Awesome!

64x64
Banks
Sep 11, 11:57 AM
Reply

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

Post your comment

64x64

Javascript Components

Modals

Collapse

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Gallery

Tooltips

Popovers

Dropup

Dropup with sharing

Dropup with actions

Datepicker

File Upload

Regular Image

...
Select imageChange Remove

Avatar

...
Add PhotoChange
Remove

Carousel

Cards

Blog cards

We will create a great experience

Cards are an interaction model that are spreading pretty widely, in fact. What all of these have in common is that they're pulling...
Dribbble
"Good Design Is as Little Design as Possible"

Design makes an important contribution to the preservation of the environment. It conserves resources and minimises physical and visual pollution throughout the lifecycle of the product....

Ronna Johnson

"It clarifies the product’s structure. Better still, it can make the product clearly express its function by making use of the @mike's intuition. At best, it is self-explanatory."

Good Design Is Aesthetic

Cards are an interaction model that are spreading pretty widely, in fact. What all of these have in common is that they're pulling...

Ten Principles of “Good Design”

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

"Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity. At best, it is self-explanatory."

...
Kaci Baum

@kacibaum

"Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials."

Currently at the San Francisco Museum of Modern Art

Text Coloured Cards

Best cards

Blue Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Best cards

Green Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Best cards

Yellow Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Best cards

Brown Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Best cards

Purple Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Best cards

Orange Card

What all of these have in common is that they're pulling information out of the app or the service and making it relevant to the moment.

Pricing cards

Enterprise

$139

  • Sharing Tools
  • Design Tools
  • Private Messages
  • Personal Brand
  • Twitter API
Get Started

$249

This is good if your company size is between 100 and 299 employees.

Premium

€89

  • 10 Projects
  • 80 Team Members
  • Unlimited Contacts
  • Unlimited Messages
Get Started
Single User

$29

This is good if you are a freelancer of photographer.

Full background cards

Technology

The aesthetic quality of a product

It clarifies the product’s structure. Better still, it can make the product clearly express its function by making use of the user’s intuition.

Travel

Unlike fashionable design, it lasts many years – even in today’s throwaway society.

San Francisco Museum of Modern Art

Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the consumer.

Team Members Cards

Ayo Michael

Designer

Hey there! Welcome to your user card. As you can see, it is already looking great.

Audrey Hepburn

Developer

Laci Thor

Marketing Specialist

British actress and humanitarian recognised as a film and fashion icon.

Joe Gardner

Artist and Music Composer

One of the co-founders. Joe drives the technical strategy of the platform, customer support and brand.

Plain

Anonymous Tim

A private guy

Hey there! Welcome to your user card. As you can see, it is already looking great. But if you want to tell us more about yourself by adding details in the settings page.

Joe Gardner

Artist and Music Composer

Joe Garnder is one of the co-founders and drives the technical strategy of the platform, customer support and brand. Talk with Joe only interesting topics.

Image Cards

Cards with creators

Cards with products

Rounded Image
Double Breasted Mini Dress

Dresses & Skirts

$300
Rounded Image
Chrystal Dress
Dresses & Skirts
Rounded Image
Chrystal Skirt

Only on demand