Skip to content
DesignPorn

UI inspiration from products people enjoy using

UI inspiration is a set of strong interface designs you can study before you build screens. This page gathers buttons, forms, navigation, tables and full screens, each with credit and a source link.

Designs
80
Dark canvas
30%

70 designs match the filters, newest first

About ui

How to use UI inspiration

Interface work is made of small parts. Seeing how many teams solve the same part, such as a settings page or a filter bar, helps you choose well. Search by component or mood, and compare the results in one view.

On DesignPorn you can search UI design in plain words, or upload a screenshot to find designs like it. Open any item to see its palette with share, its heading and body fonts, and its spacing base unit. Save the best to a board and send it to a client by private link. Every item has a source link and a credit to its author. Next, look at dashboard ui examples.

Keep going with dashboard ui examples, app design inspiration and saas website design.

Patterns to look for

  • Controls look like what they do. Buttons look pressable and links look like links.
  • Spacing follows a scale, so related items sit together.
  • States are designed. Hover, focus, empty, loading and error all have a look.
  • Text is easy to read at small sizes, with strong contrast.
  • Icons are consistent in weight and size.

Pattern breakdown

What makes great ui, from our data

Counted over the 80 curated ui in the library.

80

Designs

30%

Use a dark canvas

4 px

Most common base unit

Most used hue families

  • Blue 34%
  • Indigo 26%
  • Orange 15%
  • Green 14%
  • Amber 10%

Share of designs where the hue covers part of the page.

Heading fonts

  • Inter10
  • Geist4
  • ABC Diatype2
  • abcNormal2
  • agileSans2

Spacing base units

  • 4 px40 designs
  • 2 px26 designs
  • 8 px8 designs

FAQ

UI inspiration questions

What is UI inspiration?

It is a set of strong interface designs you study to get ideas for your own screens.

Can I search by component?

Yes. Search in plain words, such as filter bar or settings page, and see the matches.

Does DesignPorn show mobile and web UI?

Yes. You can browse web, desktop and mobile interfaces.

What is a spacing base unit?

It is the smallest step in a spacing scale, often 4 or 8 pixels. Other gaps are multiples of it.

Search ui by style

Describe the look in plain words or upload a screenshot. The first search needs no account.

Search designs
Search designs