rci
🔢 better code inputs for react/web (by leonardodino)
zag
Finite state machines for building accessible design systems and UI components. (by chakra-ui)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
rci | zag | |
---|---|---|
2 | 14 | |
895 | 3,698 | |
- | 3.2% | |
2.6 | 9.9 | |
about 1 year ago | 1 day ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
rci
Posts with mentions or reviews of rci.
We have used some of these posts to build our list of alternatives
and similar projects.
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
zag
Posts with mentions or reviews of zag.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-14.
-
Top 5 Headless Components For Your React Application In 2023
Zag.js and Ark are headless component libraries created by the teams behind Chakra UI.
-
An Overview of 25+ UI Component Libraries in 2023
ChakraUI: An emphasis on A11y, meaning it is fully compatible with the WAI-ARIA accessibility standard, has won OSS awards, and has a thriving community. As mentioned, it’s one of the better choices out there as it has a great model for building composable UI, built-in hooks, and great dark-mode support. This is the same team behind Zag.js, which handles UI as state machines. Once again, you’d need to learn the API, and swapping might be hard to do.
-
What are your thoughts on wrapping all third party UI components with your own component to make it easy to replace libraries in the future?
I agree with what another poster said about Zag (also part of the Chakra project). It seems to me that eventually, with the explosion of number of frameworks, consolidation is going to happen. Segun is influential enough that Zag has a good chance of being what the consolidation ends up centering around.
-
Nuxt3 Best Tailwind Component Library
it's not perfect yet, but I find zagjs promising
- Zag.js – UI Components Powered by FSM
-
UI library that goes well with nuxt3.
Keep an eye on ZAG and ARK from the Chakra UI team, I feel like together with UnoCSS that could get very powerful.
-
Cool library that I recently discovered: Zag.js
🔗 Head over to https://zagjs.com/ to learn more about Zag.js and get started with building accessible UI components in your web applications!
-
The one with styling Zag.js components with Tailwind CSS
The Zag.js documentation can be found here: https://zagjs.com/.
- Zag.js - UI components powered by Finite State Machines
- UI libraries with good keyboard support
What are some alternatives?
When comparing rci and zag you can also consider the following projects:
react-math-keyboard - A customizable math keyboard for React
primitives - Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.