The component gallery | Iain Bean

Building a tooltip? A carousel? A password input? I can strongly recommend checking if the Component Gallery has a page on whatever UI pattern you're working on.

Each entry collates examples from design systems and pattern libraries all over the web, so you can quickly compare how everyone from Google and Salesforce to Brighton & Hove City Council have solved your problem.

It's been invaluable for the design system project I've been working on, as much for uncovering best practices as simply dissecting the sometimes opaque terminology that has evolved around certain UI patterns.

Explore Other Notes

Newer

Creative Google fonts

100 separate typographic designs, all using free Google fonts, with some absolutely stunning results. What Do-Hee has put together is one of the best showcases for Google's font library, as well as …

Older

A11y style guide

A great resource for finding accessible patterns for common UI requirements, as well as including stacks of accessibility best practices …

  • <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Building a tooltip?&nbsp;A carousel?&nbsp;A password input?&nbsp;I can strongly recommend checking if the Component Gallery has a page on whatever UI pattern you're working …</p> </body> </html>
  • Murray Adcock.
Journal permalink