Zag.js (@zag_js) 's Twitter Profile
Zag.js

@zag_js

UI components powered by Finite State Machines.

Created by @thesegunadebayo

ID: 1513976805434269698

linkhttps://zagjs.com/ calendar_today12-04-2022 20:26:31

115 Tweet

1,1K Followers

1 Following

WGW ☂️ (@wgw_eth) 's Twitter Profile Photo

ShadCN hype is cool and all but.. 😅 ZERO COVERAGE ANYWHERE on.. Zag.js, Ark™, and Park UI... OOH, a beauty! 🤯🔥❤️ Components for all major frameworks: React, Solid, and Vue! FINALLY! Theo check it out!

Zag.js (@zag_js) 's Twitter Profile Photo

Zag.js was nominated for the React Open Source Awards 2024 🎉 Kindly vote for Zag.js in the “PRODUCTIVITY BOOSTER” category 👇🏻 docs.google.com/forms/d/e/1FAI…

Zag.js was nominated for the React Open Source Awards 2024 🎉

Kindly vote for Zag.js in the “PRODUCTIVITY BOOSTER” category 👇🏻

docs.google.com/forms/d/e/1FAI…
Nico (@nightgrey_) 's Twitter Profile Photo

Would also 100% recommend checking out other projects from Sage ⚡️ - Panda CSS, Zag and Ark are really good.. and compatible with almost every framework, not just React.

JB Hutch (@jb_hutch) 's Twitter Profile Photo

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!

Sage ⚡️ (@thesegunadebayo) 's Twitter Profile Photo

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.

Zag.js (@zag_js) 's Twitter Profile Photo

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

New Component: &lt;QRCode /&gt; 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/rea…
Sage ⚡️ (@thesegunadebayo) 's Twitter Profile Photo

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.

Alex Whitmore (@thealexwhitmore) 's Twitter Profile Photo

Hey Ark™/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!

Theo Steiner (@_theosteiner) 's Twitter Profile Photo

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 Svelte 5 port of Ark™... as if I did not have enough to do already lol

Sage ⚡️ (@thesegunadebayo) 's Twitter Profile Photo

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

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
Baptiste Devessier (@bdevessier) 's Twitter Profile Photo

Here we go again: a new video just dropped 🎥 Sage ⚡️ took the time to talk with me about Zag.js, state machines, and Chakra. That was an insightful discussion, and we agreed on many things, especially the benefit of state machines 👀 youtu.be/2N4pSQqGT48

Sage ⚡️ (@thesegunadebayo) 's Twitter Profile Photo

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

Zag.js (@zag_js) 's Twitter Profile Photo

🔐 [New] Password Input component is here! zagjs.com/components/rea… ✅ Toggle password visibility ✅ Validation states ✅ Ignore password managers ✅ Automatic Focus management Works in React, Vue, Solid & more ⚡

🔐 [New] Password Input component is here!
zagjs.com/components/rea…

✅ Toggle password visibility
✅ Validation states
✅ Ignore password managers
✅ Automatic Focus management

Works in React, Vue, Solid &amp; more ⚡
Sage ⚡️ (@thesegunadebayo) 's Twitter Profile Photo

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

It's great to see vanilla JS components powered by <a href="/zag_js/">Zag.js</a>. This goes to show how powerful building with state machines can be.

Check it out 👇🏻 netoum.com/corex/document…