UI components powered by Finite State Machines. Created by @thesegunadebayo

Zag.js retweeted
Replying to @anubra266 @zag_js
I have always thought that zag.js and arkui made the best decisions; other UI component libraries are just wasting time on repetition.
1
6
414
Zag.js + Ripple.js 👌🏼✨ It's nice to see how Zag extends beyond the classic frameworks you're accustomed to
Been really enjoying working with and contributing to @ripple__js lately, so I built a component library for it powered by @zag_js ⚡️ 📷 zag-ripple.vercel.app
16
1,194
Just implemented an Ant Design Tooltip using zag.js and styled-jsx. zag.js is amazing - no more struggling with complex logic, just focus on styling! Wish the docs had more code samples though. It'd make learning zag.js even quicker. Still, great tool for component development!
1
1
602
Excited to work on the new Bottom Sheet component for @ark_ui_ and @zag_js! Stay tuned for updates!
2
11
1,874
prototyping mobile nav using @zag_js. animation done in plain css 😎
Popover nav bar without JavaScript 🤙 <nav><ul><li><button popovertarget=menu>... <div popover=auto id=menu> ...content </div> Tweak timings with CSS linear() 🎬 Transitions with @​starting-style Anchor positioning to position and size things 🤏
1
7
763
It's great to see vanilla JS components powered by @zag_js. This goes to show how powerful building with state machines can be. Check it out 👇🏻 netoum.com/corex/documentati…
2
4
42
2,853
🔐 [New] Password Input component is here! zagjs.com/components/react/p… ✅ Toggle password visibility ✅ Validation states ✅ Ignore password managers ✅ Automatic Focus management Works in React, Vue, Solid & more ⚡
1
1
40
2,614
This framework-agnostic UI library is way too underrated. Great work @thesegunadebayo — keep pushing!
8
20
415
32,324
Loving the new Floating Panel component in @zag_js for managing floating windows in your applications. Works in React, Solid, Vue, and Svelte 👌🏼✨ Check it out 👇🏻zagjs.com/components/react/f…
1
5
82
6,352
Here we go again: a new video just dropped 🎥 @thesegunadebayo took the time to talk with me about @zag_js, state machines, and @chakra_ui. That was an insightful discussion, and we agreed on many things, especially the benefit of state machines 👀 youtu.be/2N4pSQqGT48
2
4
14
5,339
Making progress with the new tour state machine for @zag_js 👨🏽‍🍳🔥
4
3
93
7,240
It's insane the productivity AI brings to developers 🤯 I spent the past week building an AI system with Claude Sonnet to boost the productivity of Zag.js and Ark UI maintainers. ✅ Human: Design the state machine in Zag.js ✅ AI: Automatic converts the Zag.js machine to React and Solid code ✅ AI: Create docs and stories for every feature supported in the machine The future of building cross-framework components looks very exciting.
6
7
90
6,154
started using @zag_js while contributing to a component library at work.. really impressed with the level of refinement and just general architecture of it 🥰 kinda makes me wanna do a community @sveltejs 5 port of @ark_ui_... as if I did not have enough to do already lol
2
1
6
871
Hey @ark_ui_/@zag_js, I see you're looking to build a "Floating Panel" component! Do you have any examples that I can match my styles with? I slapped something together to test functionality, but of course want to be sure I'm on the right track!
1
1
2
906
Working on @zag_js has been an enlightening experience ✨ It has made me see the power of modeling components in a framework-agnostic manner that works in most browser environments (iframe, shadow DOM, etc.) I'll share some learnings here shortly. Stay tuned.
3
5
66
8,375
New Component: <QRCode /> is now available as a headless component ✨ ✅ Works in React, Vue, and Solid.js ✅ Renders an SVG element (good for SSR) Check it here: zagjs.com/components/react/q…
10
57
3,898
Zag.js retweeted
Replying to @zag_js
Thank you! Really can't wait to take more advantage of Zag, it's great!
1
1
495
Thanks to the community for all the feedback and contributions that made this release possible. We're excited to see what you build with Ark v3! 🎉 This won't be possible with the underlying statecharts from @zag_js that powers the components.
1
1
12
2,612
Zag.js retweeted
After a bit of experimentation, I've got a @zag_js "Splitter" in my Vanilla JS/Astro app, demonstrating a crucial aspect of UI documentation: How a component adapts to different breakpoints. So awesome, excited to keep working with Zag!

ALT An example "Step process" component being adjusted in size using the Zag.js splitter

2
1
7
928
Replying to @zag_js
Love the zag programing model.
1
2
500