Create front-end style guides in minutes

Try for free See features

An accordion is a grouped set of collapsible panels that the user can open and close by hovering on or clicking on the title of a specific panel. Accordion allows organizing the content into logic...

Written by: Janne Lammi

Accordion

</>

Navigation list provides a simple and easy way to build groups of navigation links with optional headers. They&#8217;re best used in the sidebars of a Website/Web app.

Written by: Janne Lammi

Navigation List

</>

When there are too many search results to comfortably fit on a single page, split the results into separate pages. Let the user to navigate between pages using a pagination control. The ultra simp...

Written by: Janne Lammi

Multicon-page pagination

</>

Badges are small, simple components for displaying an indicator or count of some sort. They&#8217;re commonly found in email clients like Mail.app or on mobile apps for push notifications.

Written by: Janne Lammi

Badges

</>

Progress bar tells the user the application is busy doing something and she needs wait. It should be used especially when the action in progress takes more than few seconds to complete to keep the...

Written by: Janne Lammi

Progress Bar

</>
feedback-messages

Messages are a way to provide feedback to users. Success messages tell people they have successfully completed a task, for example submitted a form. Error messages let people know that something...

Written by: Janne Lammi

Feedback Messages

</>