@zag_js + @ark_ui_ just shipped Cascade Select, Table of Contents, and Hotkeys Two of the best framework-agnostic libraries for building modern UIs somehow keep getting better. Go show them some love - they deserve way more attention ❤️ ark-ui.com

Just yesterday, we were discussing building our own Scheduler on top of some primitives. Today I was digging through the @zag_js repo, randomly stumbled upon the v2 branch and... what do I see? Scheduler. Drag&Drop. GridList. Toolbar. @thesegunadebayo and the team are cooking.

I spent a month rebuilding the design system. Clear goal: leave Reka, move to @ark_ui_. 1️⃣ More components. Ark UI covers a much wider catalog than what I had with Reka. For a full design system, it changes everything. 2️⃣ A more reliable API. Behind Ark: state machines. You know how a component behaves. Fewer surprises. More control when you build. 3️⃣ Adding a new component stays consistent. @zag_js state machines give you a clear model. Same way to think about state. So every new piece follows the same pattern. If you build with Vue and want a ready-to-use design system: vuzeno.com

Introducing Emoteer 👾 An emoji toolkit for the web: Pickers, Autocomplete and Reactions. - Primitives with @zag_js - Tailwind and css themes - Accessible by default - Docs built with @nextjs + Fumadocs 👉🏻 emoteer.vyers.dev

calendar range selection with border-radius awareness thanks to @ark_ui_ and @zag_js for exposing helpful data-state props and css variables to components

Meet @zag_js another open source project from the creator of ChakraUI @thesegunadebayo @zag_js is the engine underneath modern design systems. Build UI components in React, Vue, Solid or Svelte, powered by state machines. No framework Check it out: github.com/chakra-ui/zag

The same goes for most UI components, regardless of complexity. With a state machine or any event-driven architecture, you can model components without coupling them to a framework. Working on @zag_js proved this for me.

Zag now has a community page 🥳 We're excited to showcase the brilliant minds behind Zag. zagjs.com/community

my UI lib, it's basically @zag_js and @ark_ui_ wrapper with built-in styles. so far i've enjoyed working on React and Vue code in the same codebase. it's also planned to support Solid and Svelte, both of which are new to me.

zagjs.com from the chakra-ui team has landed on svelte ❤️‍🔥 github.com/chakra-ui/zag/com…

Just use ZagJS, it is framework agnostic.

We tried this in a project but ended up using zagjs.com which is superb

til about zagjs. "ui components powered by finite state machines" zagjs.com/

Pairing Zag.js + Preact = fast, accessible, and lightweight ❤️

I should be sleeping since 4 hrs ago instead I'm reading about @zag_js ... What's wrong with me 😱

i almost opened an issue/discussion on GitHub because it wasn't mentioned in the docs. also after checking out the repository, it turns out there are a lot of great examples too. thank you for this awesome project 🥰

oh nicee @zag_js support vanilla javascript 🥰

Thanks! If you're looking for some inspiration, @ark_ui_+ @zag_js have an interesting approach where component state and DOM operations are isolated in common JavaScript state machines, and “last mile” adapters for the various frameworks are built on top.

Had a great time chatting with Chris Simmon, creator of Skeleton dev, a popular @sveltejs component library. Watch 👉🏽 piped.video/watch?v=SLPBmP58… We chat about how they use @zag_js to build accessible components in Skeleton.

Had a great chat with Karim @k_netoum about how he’s using @zag_js to build reusable Vanilla JS components (Corex UI), and using them in a 🐦 Phoenix app. Watch the conversation here 👇🏻 piped.video/watch?v=D1To2_5o…