Sage
@segunadebayo.bsky.social
Design Engineer and Educator
Building Chakra UI ⚡️, Panda CSS 🐼, and Zag.js ⚙️
🎨 Design Systems - 🚀 Statecharts - 🛠 Dev tools
Building Chakra UI ⚡️, Panda CSS 🐼, and Zag.js ⚙️
🎨 Design Systems - 🚀 Statecharts - 🛠 Dev tools
Exciting new JSON viewer shipped in Ark UI
ark-ui.com/docs/utiliti...
✅ Built on top of the TreeView component
✅ Supports most data types
✅ Works in React, Solid, Vue, and Svelte 👌✨
ark-ui.com/docs/utiliti...
✅ Built on top of the TreeView component
✅ Supports most data types
✅ Works in React, Solid, Vue, and Svelte 👌✨
July 23, 2025 at 5:00 PM
Exciting new JSON viewer shipped in Ark UI
ark-ui.com/docs/utiliti...
✅ Built on top of the TreeView component
✅ Supports most data types
✅ Works in React, Solid, Vue, and Svelte 👌✨
ark-ui.com/docs/utiliti...
✅ Built on top of the TreeView component
✅ Supports most data types
✅ Works in React, Solid, Vue, and Svelte 👌✨
Reposted by Sage
I love how Chakra UI gives me the flexibility to combine UI components
in this case a SegmentedControl with a Menu (+ Radio Group Items) attached to each item
in this case a SegmentedControl with a Menu (+ Radio Group Items) attached to each item
March 19, 2025 at 8:12 AM
I love how Chakra UI gives me the flexibility to combine UI components
in this case a SegmentedControl with a Menu (+ Radio Group Items) attached to each item
in this case a SegmentedControl with a Menu (+ Radio Group Items) attached to each item
Reposted by Sage
Any example of such a library you're missing? There's already quite a few component libs for solid. We use Ark UI and like it a lot. Then there's Corvu and Kobalte UI.
They're all good on a11y and keyboard nav.
They're all good on a11y and keyboard nav.
July 1, 2025 at 9:37 AM
Any example of such a library you're missing? There's already quite a few component libs for solid. We use Ark UI and like it a lot. Then there's Corvu and Kobalte UI.
They're all good on a11y and keyboard nav.
They're all good on a11y and keyboard nav.
Reposted by Sage
Ark UI v5 is here 🔥
✅ 1.4-4x faster render time
✅ 6.2kB smaller bundle
✅ Optimimized for React, Vue, and Solid
Learn more here: ark-ui.com/react/docs/o...
✅ 1.4-4x faster render time
✅ 6.2kB smaller bundle
✅ Optimimized for React, Vue, and Solid
Learn more here: ark-ui.com/react/docs/o...
March 6, 2025 at 8:14 PM
Ark UI v5 is here 🔥
✅ 1.4-4x faster render time
✅ 6.2kB smaller bundle
✅ Optimimized for React, Vue, and Solid
Learn more here: ark-ui.com/react/docs/o...
✅ 1.4-4x faster render time
✅ 6.2kB smaller bundle
✅ Optimimized for React, Vue, and Solid
Learn more here: ark-ui.com/react/docs/o...
Reposted by Sage
Panda CSS plugin for VSCode is pretty niiiice. Astro + Panda has been such a nice combo so far 🚀❤️🐼
July 1, 2023 at 9:00 PM
Panda CSS plugin for VSCode is pretty niiiice. Astro + Panda has been such a nice combo so far 🚀❤️🐼
Reposted by Sage
My current preference is Panda CSS. It has static extraction, tokens and a nice recipes API that lets you write variants. You can wrap it with `styled` to create components effortlessly. It integrates with `open-props`.
I've yet to try it but looks very promising!
I've yet to try it but looks very promising!
Panda CSS - Build modern websites using build time and type-safe CSS-in-JS
Build modern websites using build time and type-safe CSS-in-JS
panda-css.com
January 7, 2024 at 11:12 PM
My current preference is Panda CSS. It has static extraction, tokens and a nice recipes API that lets you write variants. You can wrap it with `styled` to create components effortlessly. It integrates with `open-props`.
I've yet to try it but looks very promising!
I've yet to try it but looks very promising!
Reposted by Sage
We use the wonderful Panda CSS for writing CSS. UI is a combination of MUI (oldest, very little), React Aria Components (migrating away from it now), and our first Radix Primitives UI components will launch this week.
November 11, 2024 at 1:14 AM
We use the wonderful Panda CSS for writing CSS. UI is a combination of MUI (oldest, very little), React Aria Components (migrating away from it now), and our first Radix Primitives UI components will launch this week.
Reposted by Sage
Really happy with how dark mode / light mode toggling has turned out. I've fully embraced Panda CSS, which makes creating semantic color tokens crazy simple. #PandaCSS
November 29, 2024 at 4:28 PM
Really happy with how dark mode / light mode toggling has turned out. I've fully embraced Panda CSS, which makes creating semantic color tokens crazy simple. #PandaCSS
Reposted by Sage
Ark UI documentation looks so good!
ark-ui.com
ark-ui.com
Home | Ark UI
A headless UI library with over 45+ components designed to build reusable, scalable Design Systems that works for a wide range of JS frameworks.
ark-ui.com
November 23, 2024 at 9:04 PM
Ark UI documentation looks so good!
ark-ui.com
ark-ui.com
Reposted by Sage
Been playing around with this idea of fullstack React components for a while now and just published an alpha version.
The first component is FileUpload, built on top of Ark UI and Hono. Supports any s3 compatible storage and JS runtime.
What component should be next?
saas-js.dev/docs/file-up...
The first component is FileUpload, built on top of Ark UI and Hono. Supports any s3 compatible storage and JS runtime.
What component should be next?
saas-js.dev/docs/file-up...
Slingshot
Full-stack React file upload components
saas-js.dev
December 26, 2024 at 12:54 PM
Been playing around with this idea of fullstack React components for a while now and just published an alpha version.
The first component is FileUpload, built on top of Ark UI and Hono. Supports any s3 compatible storage and JS runtime.
What component should be next?
saas-js.dev/docs/file-up...
The first component is FileUpload, built on top of Ark UI and Hono. Supports any s3 compatible storage and JS runtime.
What component should be next?
saas-js.dev/docs/file-up...
Reposted by Sage
Today another nice progress and few things completed!
✅ Renaming chats in tree
✅ Saving the opened folders and restoring them on app load
✅ Some work done on tabs system
Thanks to Ark UI for awesome editable component ❤️ Check them out!
✅ Renaming chats in tree
✅ Saving the opened folders and restoring them on app load
✅ Some work done on tabs system
Thanks to Ark UI for awesome editable component ❤️ Check them out!
December 29, 2024 at 7:15 PM
Today another nice progress and few things completed!
✅ Renaming chats in tree
✅ Saving the opened folders and restoring them on app load
✅ Some work done on tabs system
Thanks to Ark UI for awesome editable component ❤️ Check them out!
✅ Renaming chats in tree
✅ Saving the opened folders and restoring them on app load
✅ Some work done on tabs system
Thanks to Ark UI for awesome editable component ❤️ Check them out!
Excited to be here. Looking forward to interacting more.
Feels more welcoming compared to X 😄
Feels more welcoming compared to X 😄
January 25, 2025 at 12:52 AM
Excited to be here. Looking forward to interacting more.
Feels more welcoming compared to X 😄
Feels more welcoming compared to X 😄
Token and Recipe usage analysis is an exciting feature we're exploring in Panda CSS 🐼
This is a benefit of the static nature of Panda. If you use Panda in your project, would you find this helpful?
This is a benefit of the static nature of Panda. If you use Panda in your project, would you find this helpful?
December 12, 2024 at 2:25 PM
Token and Recipe usage analysis is an exciting feature we're exploring in Panda CSS 🐼
This is a benefit of the static nature of Panda. If you use Panda in your project, would you find this helpful?
This is a benefit of the static nature of Panda. If you use Panda in your project, would you find this helpful?