Component Libraries

Libraries Built With Accessibility In Mind

Here is a list of component libraries specifically created with better accessibility in mind. It's important to note that using these libraries does not guarantee that your website is accessible. However, they can provide a reasonable means for improving base accessibility compared to other libraries.

It is still important to design your dapp with accessibility in mind and to routinely monitor and test for usability and accessibility barriers

Your team is not required to leverage component libraries. For mobile, performance runs faster more often when the components are coded from scratch (reducing imports and dependencies)

React

LogoChakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.Chakra UI: Simple, Modular and Accessible UI Components for your React Applications.
LogoReact Bootstrap | React Bootstrap
LogoMaterial UI: React components based on Material DesignMUI_hq
LogoAriakit - Toolkit for building accessible UIsariakitjs
LogoReach UI

Vue

Vuetensils - by Austin GilVuetensils - by Austin Gil
LogoVuetify — A Material Design Framework for Vue.jsVuetify
LogoTournant UI
LogoChakra UI Vue | Documentation

Design Systems

LogoA11Y Style Guide
LogoAccessibility — Shopify Polaris
PreviousNavigationNextDapp Best Practices

Last updated