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

Zag.js retweeted
Introducing Emoteer 👾 An emoji toolkit for the web: Pickers, Autocomplete and Reactions. - Primitives with @zag_js - Tailwind and css themes - Accessible by default - Docs built with @nextjs + Fumadocs 👉🏻 emoteer.vyers.dev
2
1
3
374
Zag.js retweeted
calendar range selection with border-radius awareness thanks to @ark_ui_ and @zag_js for exposing helpful data-state props and css variables to components
2
11
721
Meet @zag_js another open source project from the creator of ChakraUI @thesegunadebayo @zag_js is the engine underneath modern design systems. Build UI components in React, Vue, Solid or Svelte, powered by state machines. No framework Check it out: github.com/chakra-ui/zag
5
12
518
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.
There is no reason a rich text editor has to be coupled with a UI framework. None. It's just a state machine. It has to be headless.
2
4
70
14,403
Zag now has a community page 🥳 We're excited to showcase the brilliant minds behind Zag. zagjs.com/community
2
13
906
Zag.js retweeted
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.
1
2
20
1,365
Zag.js retweeted
zagjs.com from the chakra-ui team has landed on svelte ❤️‍🔥 github.com/chakra-ui/zag/com…
1
3
432
Replying to @ccccjjjjeeee
Just use ZagJS, it is framework agnostic.
1
2
636
Pairing Zag.js + Preact = fast, accessible, and lightweight ❤️
Replying to @steipete
UI powered by @preactjs and zagjs.com Wanted sth lightweight yet powerful and that stack rules.
4
471
I should be sleeping since 4 hrs ago instead I'm reading about @zag_js ... What's wrong with me 😱
1
1
1
170
Zag.js retweeted
Replying to @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 🥰
1
1
197
Zag.js retweeted
oh nicee @zag_js support vanilla javascript 🥰
1
1
3
315
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.
1
2
454
Had a great time chatting with Chris Simmon, creator of Skeleton dev, a popular @sveltejs component library. Watch 👉🏽 youtube.com/watch?v=SLPBmP58… We chat about how they use @zag_js to build accessible components in Skeleton.
1
3
16
1,285
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_5o…
2
7
1,538
Zag.js retweeted
I think @zag_js @ark_ui_ and @panda__css should get a lot more love from community, because these libraries is so freaking cool.
4
8
1,159
🔥 New in Zag.js → Image Cropper component zagjs.com/components/react/i… ✅ Pan, zoom, rotate & flip. ✅ spect-ratio lock & keyboard nudges. ✅ Rectangular, Circular, and Fixed Crops. ✅ api.getCroppedImage & full programmatic control. Works in React, Vue, Solid & Svelte ⚡
1
7
59
15,242
Zag.js retweeted
Before linking the app I'd like to make an shoutout for @thesegunadebayo and the team responsible for @zag_js. Incredible piece of work, possibly my favourite library for building domain-specific design systems without hassle, e.g. the Tour state machines. GJ! 4 of 4
2
2
6
1,120