Building blocks and patterns for faster Web design & development

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...

Created: Janne Lammi, Dec. 1, 2012

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.

Created: Janne Lammi, April 18, 2012

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...

Created: Janne Lammi, April 18, 2012

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.

Created: Janne Lammi, March 31, 2012

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...

Created: Janne Lammi, March 25, 2012

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...

Created: Janne Lammi, March 25, 2012

Feedback Messages

</>