UI components powered by Finite State Machines. Created by @thesegunadebayo
- Tweets 150
- Following 1
- Followers 1,823
- Likes 183
Zag.js retweeted
This is worth keeping an eye on. The creators of @chakraui_ui are using @zag_js to create @ark_ui_ (I dig this name).
ark-ui.com/
The best part is they have @solid_js support!
2
2
19
4,064
Zag.js retweeted
neat ! I like to use zagJS with solid, it's cool to have a new headless UI lib joining the ecosystem 🙌
1
3
1,035
Zag.js retweeted
This is amazing 🤯. I’m excited to try it out in the @zag_js codebase.
Love how Playwright is consistently bridging the gap with Cypress and shipping amazing features while keeping its speed ⚡️
Playwright 1.32 is out!
📣 Introducing UI Mode (preview)
UI Mode = Watch mode + Time-travel debugging
Watch the overview: youtu.be/jF0yA-JLQW0
1
2
12
3,597
Zag.js retweeted
Hacking some popover components on Twitch for @chakraui_vue with @zag_js for Vue 3 @vuejs
twitch.tv/codebender828
1
7
1,305
Nested menus can be a pain to deal with. In Zag.js, we provide a smooth nested menu navigation that works with pointer and keyboard 👌✨
Powered by Statecharts 😊
Check it out:
zagjs.com/components/react/n…
A li’l quality-of-life update:
Before, you had to be really precise with your cursor so menus wouldn’t disappear on you. Should feel much more polished now 🫡
17
2,499
Zag.js retweeted
Learn how statecharts can wrangle complex component logic with @thesegunadebayo
egghead.io/courses/statechar…
2
15
3,929
Zag.js retweeted
Exciting news! My new course is now available on @eggheadio 🚀
Join me as we dive deep into Statechart-Driven UI Components with @zag_js
egghead.io/courses/statechar…
3
17
86
9,545
Zag.js retweeted
Really pumped about my upcoming Egghead course for @zag_js 🥳
In this course, you'll learn how to build UI components using State Machines.
Can't wait to release it
ALT screenshot of recorded zag.js egghead course
9
13
89
9,659
Zag.js retweeted
After building UI components with XState and @zag_js, it feels like there's almost no point in making a framework-specific component library.
Model once, use everywhere.
Debug and enhance with ease.
So much better ✨
Looking forward to bringing this approach into Chakra
6
7
118
10,568
Zag.js retweeted
One more thing: I'm going to try @zag_js with Solid today - state machine components is a fascinating concept and generally when the creator of a good thing roll learnings into a new thing, it's a really good thing. github.com/chakra-ui/zag
2
1
49
11,851
Zag.js retweeted
Some days, the project requirements make you use @tailwindcss instead of @chakraui_vue 😢
And no dev like to start coding component logic from scratch, so use @zag_js 🚀
I created a short blog on how to style @zag_js components with Tailwind.
dev.to/carwack/the-one-with-…
1
5
We've just shipped the select machine to Zag 🛸
Select machine is flexible and you can choose to enable features like:
🟩 loop navigation
🟩 selectOnTab
🟩 readOnly
🟩 disabled
Learn more about select in our docs: zagjs.com/components/react/s…
1
2
11
Zag.js retweeted
Day 48 of #100DaysOfCode
I started working on the onboarding of new users. I'm using magic links for signing in, hence I need additional info from first-time users. Yesterday I spent most of the time designing and coding a dialog component. I'm using @zag_js and it's awesome ⚡
2
2
9
Zag.js retweeted
For context, @zag_js is a headless library, which defines reusable logic of common components as state machines. The definitions are framework-agnostic and can be adopted across any major framework.
With a11y in mind. 😍
That's cool, right?
1
2
6
This is exactly what we’re about 😊👌✨
@zag_js is a great example of how to leverage XState to isolate and potentially reuse an explicit state machine to manage a non-trivial component state.
Check out e.g. @zagjs/accordion:
6
Zag.js retweeted
I'm starting a series of livestreams to design state machines with @zag_js, and use them in @chakra_ui
Come watch @NikolovLazar and I model the logic of a custom Select component, the most requested component in Chakra UI 🤓
Save the date/time 👇🏻
youtube.com/watch?v=QFwJKeS2…
12
62