Zag.js
@zag_js
UI components powered by Finite State Machines. Created by @thesegunadebayo
You might like
I think @zag_js @ark_ui_ and @panda__css should get a lot more love from community, because these libraries is so freaking cool.
🔥 New in Zag.js → Image Cropper component zagjs.com/components/rea… ✅ 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 ⚡
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
I have always thought that zag.js and arkui made the best decisions; other UI component libraries are just wasting time on repetition.
Zag.js + Ripple.js 👌🏼✨ It's nice to see how Zag extends beyond the classic frameworks you're accustomed to
Been really enjoying working with and contributing to @ripple__js lately, so I built a component library for it powered by @zag_js ⚡️ 📷 zag-ripple.vercel.app
zag js has to be one of the most slept on headless frontend component libraries
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!
prototyping mobile nav using @zag_js. animation done in plain css 😎
Popover nav bar without JavaScript 🤙 <nav><ul><li><button popovertarget=menu>... <div popover=auto id=menu> ...content </div> Tweak timings with CSS linear() 🎬 Transitions with @starting-style Anchor positioning to position and size things 🤏
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…
🔐 [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 ⚡
![zag_js's tweet image. 🔐 [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 ⚡](https://pbs.twimg.com/media/Gr9TMSeWsAISOm9.jpg)
This framework-agnostic UI library is way too underrated. Great work @thesegunadebayo — keep pushing!
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…
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
youtube.com
YouTube
State machines in Zag.js w/ Segun Adebayo
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…
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
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!
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.
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…
United States Trends
- 1. St. John 4,257 posts
- 2. Texas Tech 9,284 posts
- 3. Obamacare 168K posts
- 4. Elyiss Williams N/A
- 5. #iufb N/A
- 6. Shapen N/A
- 7. #SaturdayVibes 5,538 posts
- 8. Sunderland 71.2K posts
- 9. Mississippi State 3,645 posts
- 10. Gameday 15.4K posts
- 11. #Caturday 5,650 posts
- 12. Insurance 213K posts
- 13. #BYUFOOTBALL N/A
- 14. Fernando Mendoza N/A
- 15. #SUNARS 3,712 posts
- 16. Beaver Stadium N/A
- 17. Trump Stadium N/A
- 18. Aden Holloway N/A
- 19. Calen Bullock N/A
- 20. Parker Kingston N/A
You might like
-
Panda CSS
@panda__css -
Sage ⚡️
@thesegunadebayo -
TANSTACK
@tan_stack -
Remix 💿
@remix_run -
Radix by WorkOS
@radix_ui -
Chakra
@chakra_ui -
SolidJS
@solid_js -
Ark™
@ark_ui_ -
Turborepo
@turborepo -
SST
@SST_dev -
pnpm
@pnpmjs -
Delba
@delba_oliveira -
Gabriel Donadel
@donadeldev -
Tim
@timneutkens -
Flightcontrol
@Flightcontrolhq
Something went wrong.
Something went wrong.