All Projects → watife → dorai-ui

watife / dorai-ui

Licence: MIT license
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to dorai-ui

Clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Stars: ✭ 6,398 (+18717.65%)
Mutual labels:  accessibility, component-library, design-system
chusho
A library of bare & accessible components and tools for Vue.js 3
Stars: ✭ 47 (+38.24%)
Mutual labels:  accessibility, a11y, component-library
cauldron
cauldron.dequelabs.com/
Stars: ✭ 50 (+47.06%)
Mutual labels:  accessibility, a11y, component-library
Chakra Ui Vue
⚡️ Build scalable and accessible Vue.js applications with ease.
Stars: ✭ 993 (+2820.59%)
Mutual labels:  accessibility, a11y, design-system
Website
Website and documentation for Radix.
Stars: ✭ 45 (+32.35%)
Mutual labels:  accessibility, component-library, design-system
paragon
💎 An accessible, theme-ready design system built for learning applications and Open edX.
Stars: ✭ 85 (+150%)
Mutual labels:  accessibility, component-library, design-system
Bootstrap Vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
Stars: ✭ 13,603 (+39908.82%)
Mutual labels:  accessibility, a11y, component-library
eufemia
DNB Design System
Stars: ✭ 38 (+11.76%)
Mutual labels:  accessibility, a11y, design-system
accessibility-resources
Screen reader and WCAG testing resources to maintain a consistent approach to testing and documenting behaviour.
Stars: ✭ 25 (-26.47%)
Mutual labels:  accessibility, a11y
a11y-checker
Identifies accessibility issues in HTML markup.
Stars: ✭ 103 (+202.94%)
Mutual labels:  accessibility, a11y
openacr
OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.
Stars: ✭ 61 (+79.41%)
Mutual labels:  accessibility, a11y
accessible-name-automation-proof-of-concept
This is an experiment based on Accessibility Object Model (AOM). It tries to demonstrate that it is theoretically possible (in a certain way) to predict what the screen reader will say by focusing on semantic and non semantic elements with a bit of automated testing, thus reducing the need for manual testing.
Stars: ✭ 15 (-55.88%)
Mutual labels:  accessibility, a11y
Tanaguru
Automated accessibility (a11y) testing tool, with emphasis on reliablity and automation
Stars: ✭ 116 (+241.18%)
Mutual labels:  accessibility, a11y
makeup-js
Mono-repo for all vanilla JavaScript utility modules and headless ui
Stars: ✭ 28 (-17.65%)
Mutual labels:  accessibility, a11y
jquery-accessible-simple-tooltip-aria
jQuery accessible simple tooltip window, using ARIA
Stars: ✭ 22 (-35.29%)
Mutual labels:  accessibility, a11y
a11y-contracting
Building Accessibility Best Practices into Contracting
Stars: ✭ 43 (+26.47%)
Mutual labels:  accessibility, a11y
react-uswds
USWDS 3.0 components built in React
Stars: ✭ 108 (+217.65%)
Mutual labels:  component-library, design-system
buttonbuddy
Learn about accessible button contrast then generate your own accessible button color palette
Stars: ✭ 60 (+76.47%)
Mutual labels:  accessibility, a11y
togglific
Do you find web animations distracting? Togglific provides a distraction-free web experience!
Stars: ✭ 17 (-50%)
Mutual labels:  accessibility, a11y
lint-html-with-css
Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.
Stars: ✭ 35 (+2.94%)
Mutual labels:  accessibility, a11y

dorai-ui logo


Dorai UI

An accessible, unstyled, open-sourced and fully functional react component library for building design systems


Documentation

Documentation can be found at dorai-ui.com.


Core Features

A detailed explanation of the core features can be found here

  • Unstyled

  • Accessible

  • Controlled and Uncontrolled.

  • Composed Components.


Installation

All components can be found here on npm.

To install all of the components together, you can find it here


Roadmap

The project seeks to support as many components as possible as listed under Aria Design Patterns. The roadmap table shows components already built and the ones in progress.


- Released

🛠 - In progress

Status Name
Accordion
Dialog (Modal)
Switch
Tabs
Alert
Alert Dialog
Radio Group
Tooltip
🛠 Checkbox
🛠 Menu

Contributors

This project exists thanks to our contributors.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].