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.

• 
  Inclusive Components2017 · ▲5

  A pattern library, with a focus on inclusive design.

• 
  Patterns2023 · ▲478

  Find the perfect component

• 
  Performative-UI – A react component library of design tropesJun 2026 · vorpus.github.io · ▲1,181

  hope you enjoy

• 
  Inclusive Design Patterns2016 · ▲79

  Dozens of practical examples and workflows

• 
  Foundation Building Blocks2017 · ▲279

  Free library of coded UI components to jumpstart development

• 
  UI Components2024 · auth0.com · ▲326

  Reusable React components to build apps with Auth0

• 
  Clipto MCP▲640

  Hey HN, We recently built Clipto. It’s a tool that lets you search over terabytes of video, audio, and images on your computer, without relying on the cloud. Motivation: we probably all had this similar experience, we know a moment exists in a video or audio, but finding it takes hours scrubbing the timeline. You can send all the media to process in the cloud, but it’s slow, expensive and raises privacy concerns. So we decided to build our own on-device media search engine. How it works (high level): 1. We ingest video, audio, image; normalize formats via ffmpeg; run content analysis to…

  Work · 24d ago · clipto.com

• 
  Computable GPU Index (CGI)▲426

  Hey we are Computable. We spent years building trading infrastructure at Jump Trading and Coinbase. From that point of view, compute looks like energy markets before 2000: everything trades through private bilateral leases, there’s no visible price, and nothing can be resold. The same H100 rents at a 2x spread depending on who’s asking, and once you sign a 24-month lease, it can never change hands. So we built a market for GPU nodes, sold by the calendar week. Here are three things you can do on it that you can’t do anywhere else: - Buy exactly the weeks you need. Three nodes for the last…

  Work · 15d ago · getcomputable.com

• 
  HyNote for Mac▲383

  Free local transcription that is 100% Private

  Work · 23d ago · hynote.ai

• 
  Scrimba Explain▲325

  Ask any question, get a video back instantly

  Work · 30d ago · scrimba.com

• 
  The New Calendly▲211

  Handle all of the work before, during, and after meetings

  Work · 23d ago · calendly.com

• 
  remove.bg▲2,028

  Remove the background of any image 100% automatically

  Work · 2018 · remove.bg

• 
  Humaaans▲1,592

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

  Growth · 2018 · humaaans.com

• 
  Refactoring UI: The Book▲825

  Make your ideas look awesome, without relying on a designer

  Life & fun · 2018 · refactoringui.com

• 
  The Y Combinator Database 2.0▲608

  Everything you ever wanted to know about YC companies

  Growth · 2018

• 
  Ouch! Illustrations▲589

  Free illustrations for better UX

  Growth · 2018

• 
  Visa List 1.0▲585

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

  Life & fun · 2018