Inclusive Components: The Book

What it does

Inclusive Components examines common web UI patterns through the lens of inclusion. The aim is to find more accessible and robust solutions for the patterns we author, plug in, and use every day. The in-depth explorations are meticulously illustrated and code examples culminate as working demos.

The book (ePub, PDF and Kindle) examines common web UI patterns through the lens of inclusion. The aim is to find more accessible and robust solutions for the patterns we author every day.

Heydon has worked with The Paciello Group, The BBC, Smashing Magazine, and Bulb Energy as a designer, engineer, writer, editor, and illustrator. They were shortlisted for Designer Of The Year in The Net Awards. Heydon previously wrote Inclusive Design Patterns for Smashing Magazine, which sold over 10,000 copies. Proceeds from this title were donated to the ACLU and The Democratic Socialists Of America, to help these organizations fight fascism and create a more inclusive society. If you wish to hire Heydon, see their hire me page. You can also find them on Mastodon . Inclusive Components examines common web UI patterns through the lens of inclusion. The aim is to find more accessible and…from book.inclusive-components.design

• 
  Inclusive Components2017 · inclusive-components.design · ▲5

  A pattern library, with a focus on inclusive design.

• 
  Inclusive Design Patterns2016 · smashingmagazine.com · ▲79

  Dozens of practical examples and workflows

• 
  UI Components2024 · auth0.com · ▲325

  Reusable React components to build apps with Auth0

• 
  Design for Real Life2016 · abookapart.com · ▲82

  Develop inclusive practices

• 
  Radix UI2020 · radix-ui.com · ▲233

  Open-source UI components for building accessible web apps.

• 
  PATTTTERNS2021 · patttterns.com · ▲129

  Build your FREE UI Library based on real UX-UI patterns.

• 
  zCAD AI▲322

  AI 3D that creates real parts, not just shapes

  Work · 12d ago · zcad.ai

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 30d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 24d ago · smoothrecorder.com

• 
  Badgey▲226

  Your iPhone becomes a name badge that faces the room

  Work · 19d ago · apps.marcoluthi.com

• 
  Figma Specs▲225

  A container for your context that lives on the Figma canvas

  Work · 8d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 18d ago · readrare.com

• 
  remove.bg▲2,028

  Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.

  Work · 2018 · remove.bg

• 
  Humaaans▲1,592

  Mix-&-match illustrations of humans with a design library.

  Growth · 2018 · humaaans.com

• 
  Refactoring UI: The Book▲822

  Make your ideas look awesome, without relying on a designer

  Life & fun · 2018 · refactoringui.com

• 
  The Y Combinator Database 2.0▲604

  Everything you ever wanted to know about YC companies

  Growth · 2018 · ycdb.co

• 
  Ouch! Illustrations▲590

  Free illustrations for better UX

  Growth · 2018 · icons8.com

• 
  Visa List 1.0▲576

  Know where you can travel with your passport tension free ✈️

  Life & fun · 2018 · visalist.io