Ark UI
Ark UI is a headless, multi-framework component library that provides accessible building blocks for web applications.
Oluwasegun Adebayo
Nigeria
Segun Adebayo is a seasoned Design Engineer passionate about building tools that bridge the gap between design and code. He enjoyed creating tools around design systems, component libraries, and frontend developer tooling. He's the creator and maintainer of popular libraries like Chakra UI, Panda CSS, Zag.js and Ark UI.
Community Contributions
Panda CSS - Zero Runtime CSS-in-JS Styling
Panda is a CSS-in-JS library that generates build time generated styles
Here are some of its features
⚡️ Write style objects or style props, extract them at build time
✨ Modern CSS output — cascade layers @layer, css variables and more
🦄 Works with most JavaScript frameworks
🚀 Recipes and Variants - Just like Stitches™️ ✨
🎨 High-level design tokens support for simultaneous themes
💪 Type-safe styles and autocomplete (via codegen)
Chakra UI Meetup '22
Just concluded our yearly Chakra UI contributors meetup. We had lots of intense collaboration to plan the subsequent major releases of Chakra UI and how we want to manage the project in 2023.
We’ve many plans to integrate Chakra UI and Zag.js, build more components and grow the community.
State of the CSS Panel
Spoke at the State of CSS Frameworks about how we can better leverage the modern CSS features within our frameworks in order to help developers write more effective and maintainable CSS.
[Github ReadME] Marketing for Maintainers
I got featured in the ReadME Project (Q&A) alongside a panel of outstanding open source maintainers. I shared some thoughts about how to balance the technical side of maintainership with the community side.
PodRocket - Future of Chakra UI
I joined the folks at PodRocket to talk about design, the future of Chakra UI, component libraries, and my work at Vercel.
Zag.js - Learn with Jason
Gave a demo of my recently launched open-source library, Zag.js, at the LearnWithJason show.
- Introduction to State machines and Zag.js
- We created a demo of the number-input component, styling it with vanilla CSS
- Showed how to visualize the number-input logic
Zag.js - UI components built with State Machines
Excited to share my latest project, Zag.js
UI components powered by State Machines.
Zag is a collection of framework-agnostic, accessible widgets (like an accordion, menu, dialog, etc.) that can be used in React, Vue, & Solid.js.
This project leans heavily on my recent experiments with XState and finite state machines.
Key Goals of Zag:
Write once, and use it everywhere
Focus on accessibility
Headless. Bring your styling solution
Powered by state machines
