octocatstartv headernumbered-list123split-screen

Design Patterns

Ideas, inspiration and examples for your own projects.

Accordions

Closed. Closed. Open. Closed.

Menu Icons

The ubiquitous hamburger.

Grids

The layout helper of choice.

Charts & Graphs

Destiny awaits.

Tabs

Peek-a-boo!

Star Ratings

From one to five.

Buttons

Push it. Push it real good.

Breadcrumbs

Experientially delicious.

Dialogs

Answer the question, Claire.

Dropdown Menus

Takes a good fall to know where you stand.

Log In Forms

You shall not pass.

Loaders

Watchin' the tide roll away, ooh.

Progress

Without struggle, there is none.

Pagination

One... Two... Three?

Calendars

Is this a... what day is this?

Tables

Are for tabular data.

Toggles

Boolean no fooling.

Emails

Design like it's 1999!

Maps

We are where we are, however we got here.

Sliders

Click and move, sister.

Submit a Pen

Have a good fit for one of these collections? Send it in here!