Zag.js @zag_js

UI components powered by Finite State Machines. Created by @thesegunadebayo zagjs.com Joined April 2022

Tweets

122
Followers

2K
Following

1
Likes

142

Nick Gimbal @GimbalNick

6 months ago

zag js has to be one of the most slept on headless frontend component libraries

0 1 4 247 0

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!

0 1 1 430 0

Download Video

Nelson Lai @nelsonlaidev

6 days ago

Excited to work on the new Bottom Sheet component for @ark_ui_ and @zag_js! Stay tuned for updates!

1 2 12 1K 0

Download Video

Enji Kusnadi @enjidev

2 months ago

prototyping mobile nav using @zag_js. animation done in plain css 😎

jhey ʕ•ᴥ•ʔ @jh3yy

a year ago

prototyping mobile nav using @zag_js. animation done in plain css 😎 https://t.co/qBnDlNf9A5

7 77 798 127K 725

Download Video

0 1 6 614 1

Download Video

Sage ⚡️ @thesegunadebayo

3 months ago

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…

2 4 44 3K 14

Download Image

Zag.js @zag_js

4 months ago

🔐 [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 ⚡

1 1 39 3K 5

Download Image

Pasquale Vitiello @pacovitiello

4 months ago

This framework-agnostic UI library is way too underrated. Great work @thesegunadebayo — keep pushing!

9 22 421 32K 250

Download Image

Sage ⚡️ @thesegunadebayo

6 months ago

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…

1 5 83 6K 33

Download Video

Baptiste Devessier @BDevessier

12 months ago

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 13 5K 5

Sage ⚡️ @thesegunadebayo

a year ago

Making progress with the new tour state machine for @zag_js 👨🏽‍🍳🔥

4 3 94 7K 18

Download Video

Sage ⚡️ @thesegunadebayo

a year ago

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…

6 9 93 6K 21

Download Image

Theo Steiner @_TheoSteiner

a year ago

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 5 841 2

Alex Whitmore @theAlexWhitmore

a year ago

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 886 0

Download Video

Sage ⚡️ @thesegunadebayo

a year ago

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 67 8K 5

Zag.js @zag_js

a year ago

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…

0 11 57 4K 15

Download Image

JB Hutch @JB_Hutch

a year ago

@zag_js Thank you! Really can't wait to take more advantage of Zag, it's great!

0 1 1 479 0

Sage ⚡️ @thesegunadebayo

a year ago

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 3K 0

JB Hutch @JB_Hutch

a year ago

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!

2 1 6 916 2

Download Gif

uncle shark @littlepoolshark

a year ago

@zag_js Love the zag programing model.

0 1 2 488 0

Nico @nightgrey_

a year ago

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

Zag.js @zag_js

a year ago

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