{"repo":"chakra-ui/zag","free":true,"listed":false,"github":"https://github.com/chakra-ui/zag","clone":"git clone https://github.com/chakra-ui/zag.git","description":"Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines","language":"TypeScript","stars":5189,"topics":["react","vue","solid","accessibility","ui","ui-kit","state-machines","ui-components","xstate","headless"],"license":"MIT","category":"ui-components","readme_excerpt":"Zag Finite state machines for accessible JavaScript components - Write once, use everywhere 🦄 : The component interactions are modelled in a framework agnostic way. We provide adapters for JS frameworks like React, Solid, Svelte, or Vue. - Focus on accessibility ♿️ : Zag is built with accessibility in mind. We handle many details related to keyboard interactions, focus management, aria roles and attributes. - Headless ✨ : The machine APIs are completely unstyled and gives you the control to use any styling solution you prefer. - Powered by state machines 🌳 : Zag is built on top of the latest ideas in Statecharts. We don't follow the SCXML specifications, but we've created an API that we think will help us build more complex components fast. --- Documentation To see the documentation, visit zagjs.com/ Releases For changelog, Check CHANGELOG.md --- Problem With the rise of design systems and component-driven development, there's an endless re-implementation of common component patterns (Tabs, Menu, Modal, etc.) in multiple frameworks. Most of these implementations seem to be fairly similar in spirit, the differences being around the reactivity and effects systems for the framework (e.g. useState , useEffect in React.js). Framework specific solutions tend to grow in complexity over time and often become hard to understand, debug, improve or test. Solution Zag is a JavaScript API that implements common component patterns using the state machine methodology. Installation {compon","default_branch":null,"files":null,"tree":[],"storefront":"/r/chakra-ui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/chakra-ui/zag/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}