Displaying 1 to 14 from 14 results

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.

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.

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.

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.

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-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.


  •    JQuery

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

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.

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-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).

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.