Zag.js

@thisissakamoto @ark_ui_ That's a reasonable ask. We'll consider this

Ark UI color picker is amazing, but is it possible that the slider thumb doesn't overflow? @ark_ui_ @zag_js

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/…

@ccccjjjjeeee Just use ZagJS, it is framework agnostic.

@philw_ @ccccjjjjeeee 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 ❤️

@raythurnvoid Got it. Zag would be a good fit then

@zag_js I was exploring ways to implement keyboard interactions on complex custom UI elements using some kind of "framework"

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

@zag_js 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 🥰

@enjidev Oh yes, we do 😄 "Always bet on the platform" is our design philosophy

oh nicee @zag_js support vanilla javascript 🥰

@pascalbaljet @jstrmk_ Oh no. Chakra UI was not renamed; it is built on top of Zag.js, a framework-agnostic component library. Zag.js works for even vanilla JS, see examples here: github.com/chakra-ui/zag/…

@jstrmk_ @zag_js Ah, I knew about Chakra UI. I didn't know it had been renamed!

I'm 🤏 this close to building an open-source vanilla JS library for popovers, dropdowns, tooltips, click outside, focus trap, and other utilities. Would give me full control and avoid third-party libs with inconsistent behavior across adapters.

@olivtassinari @base_ui @sveltejs 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 👉🏽 youtube.com/watch?v=SLPBmP… 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 👇🏻 youtube.com/watch?v=D1To2_…

@thesegunadebayo @nelsonlaidev I think @zag_js @ark_ui_ and @panda__css should get a lot more love from community, because these libraries is so freaking cool.