downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

•    Javascript

---

You need an autocomplete/dropdown/select experience in your application and you want it to be accessible. You also want it to be simple and flexible to account for your use cases.This is a component that controls user interactions and state for you so you can create autocomplete/dropdown/select/etc. components. It uses a render function as children which gives you maximum flexibility with a minimal API because you are responsible for the rendering of everything and you simply apply props to what you're rendering.

react autocomplete combobox autoselect enhanced-input autosuggest typeahead dropdown select omnibox accessibility wai-aria multiselect multiple-selection

html5.vim - HTML5 omnicomplete and syntax

•    Vim

---

HTML5 + inline SVG omnicomplete function, indent and syntax for Vim. Based on the default htmlcomplete.vim. This plugin contributes to vim-polyglot language pack.

rdfa microdata vim html wai-aria syntax mathml svg

sweetalert2 - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

•    Javascript

---

A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes, supported fork of sweetalert

sweetalert alert popup prompt dialog toast notifications wai-aria sweetalert2 confirm

react-colorful - 🎨 A tiny (2,5 KB) color picker component for React and Preact apps

•    TypeScript

---

We provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. The easiest way to tweak react-colorful is to create another stylesheet to override the default styles.

react hooks hex color preact color-picker react-component a11y tiny picker zero-dependency typescript-support colorpicker front-end accessible react-color accessibility aria wai-aria

bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue

•    Javascript

---

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.

bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltip

Reakit - Toolkit for building accessible rich web apps with React

•    Typescript

---

Reakit helps to build accessible rich web apps with React. It is a lower level component library for building accessible high level UI libraries, design systems and applications with React. It strictly follows WAI-ARIA 1.1 standards and provides many of the widgets described in WAI-ARIA Authoring Practices like Button, Dialog, Tab and others. It has been built with composition in mind. In fact, its own components are composed by a few other abstract ones, like Role, Tabbable and Composite.

react components accessibility reactjs a11y accessible wai-aria hacktoberfest react-component ssr server-side-rendering

Chakra UI - Simple, Modular & Accessible UI Components for your React Applications

•    Javascript

---

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It strictly follows WAI-ARIA standards for all components. It is Themeable, Composable and Optimized for multiple color modes.

react components reactjs uikit a11y react-components accessible wai-aria ui-design

react-toggled - Component to build simple, flexible, and accessible toggle components

•    Javascript

---

You want a toggle component that's simple and gives you complete control over rendering and state.This follows the patterns in downshift to expose an API that renders nothing and simply encapsulates the logic of a toggle component.

toggle react accessibility wai-aria

jquery-waria-checkbox

•    JQuery

---

jQuery plugin for WAI ARIA checkbox elements, changing the way :checked and :checkbox selectors works

jquery-plugin checkbox wai-aria

react-treefold - A renderless tree component for your hierarchical React views

•    Javascript

---

A renderless tree React component for your hierarchical views. You need to show hierarchical data in different ways. You know how you want to show the information for each individual data item. But you don't want to repeat over and over again the logic about how to traverse the data, how to assemble it all to make it look like a tree, how to expand/collapse nodes, etc.

tree treeview tree-structure hierarchy-viewer render-props reactjs react renderless-components renderless components hierarchy accessibility wai-aria

skin - CSS modules designed by eBay to help build a branded, e-commerce marketplace.

•    CSS

---

Skin is a CSS framework developed by eBay. Please visit the Skin website for all end-user documentation.

html css accessibility a11y components less library stylesheets styles ebay bem lassojs wai-aria ebay-mind-patterns

vue-autosuggest - 🔍 Vue autosuggest component.

•    Javascript

---

🔍 Autosuggest component built for Vue. Storybook Helpful to see all variations of component's props.

vue autosuggest autocomplete typeahead accessibility enhanced-input dropdown select combobox wai-aria multiselect multiple-selection

radio-group - 845 byte WAI-ARIA 1.1 compliant radio group React component

•    TypeScript

---

An accessible WAI-ARIA 1.1-compliant Radio Group React component. Note: This package uses Array.prototype.findIndex, so be sure that you have properly polyfilled.

react a11y react-dom wai-aria radio-buttons forms formik radio-group radio-button inputs

react-paginating - Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭

•    Javascript

---

During development, we were facing problems supporting server-rendering of our web app & SEO (require pagination links). To solve that, we had to add 2 snippets of code, one to support the server-side and another to support the client-side which lead to being hard for maintenance. Most of the pagination libraries only support client-rendering by attaching event handlers on the pagination button to redirect. Because of that, we created this library which allows flexibly to customize behaviors (attaching event handlers or href attribute) and user interface. The component applied Render Props pattern. (You can read more about this pattern here).

react pagination typescript reactjs flowtype paginator server-rendering paginate pagination-components cypress seo-friendly function-as-child render-prop render-props accessibility wai-aria react-component