Dev Resources
Inclusive Components favicon

Inclusive Components

Accessibility

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

Inclusive Components's website screenshot

About Inclusive Components

Inclusive Components is a blog and pattern library focused on designing accessible, inclusive web interfaces. It documents individual UI components — including cards, data tables, notifications, content sliders, collapsible sections, tabbed interfaces, theme switchers, tooltips and toggletips, menus and menu buttons, todo lists, and toggle buttons — with a focus on inclusive design practices for each.

The project is also available as a book covering the same content in expanded form with demos. It is designed, built, and maintained by Heydon Pickering.

This resource is aimed at web developers and designers building accessible UI components who want detailed, component-by-component guidance on inclusive design patterns.

Key features

  • Companion book with updated and improved content and demos
  • Covers accessible patterns like collapsible sections, theme switchers, toggle buttons, and todo lists

Frequently asked questions

Is there a book version?

Yes, the Inclusive Components book is available with updated and improved content and demos.

Who is this resource for?

It is aimed at designers and developers who want to build inclusive, accessible web interfaces.

What kind of content does the site offer?

It is a blog acting as a pattern library, covering individual UI components like data tables, notifications, tabs, and menus.

Advertise here

Featured products

  • SerpApi - Search API favicon
  • CoreClaw favicon

Show your product to thousands of developers

· 100k monthly pageviews
· 7k newsletter subscribers

Advertise your product