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
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
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.
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.
ALT IDE screenshot showing Stark UI's React, Vue, and Vanilla examples.
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 🥰
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.
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.
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…
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