Sage ⚡️
@thesegunadebayo
Design Engineer and Educator. Ex-@vercel @rewind Creator of @chakra_ui ⚡️, @panda__css 🐼, and @zag_js ⚙️ 🎨 Design Systems - 🚀 Statecharts - 🛠 Dev tools
🚀 Chakra UI v3 is here! 🚀 We're thrilled to announce the release of @chakra_ui v3, a complete rewrite to boost performance, speed, and consistency across all components. 🟢 25+ new components 🟢 Improved design tokens 🟢 Component Snippets 🟢 Works in RSC and Next.js
submenu fault tolerance already implemented!? 🥶 awesome work @thesegunadebayo
these two libraries deserve more attention
Panda by the talented Chakra team and @thesegunadebayo codegen+types+jsx props = bliss
Exciting new JSON viewer shipped in Ark UI @ark_ui_ ark-ui.com/docs/utilities… ✅ Built on top of the TreeView component ✅ Supports most data types ✅ Works in React, Solid, Vue, and Svelte 👌✨
Quick Chakra UI tip 👇 If you're building forms, use the Field component to easily add labels, help text and error messages. 🔗More about Field: chakra-ui.com/docs/component…
Leonardo AI @LeonardoAi_ is built with Chakra UI! 🤩 Are you using Chakra in your product too? Tag us #BuiltWithChakraUI
🪄 [NEW VIDEO OUT] - Build an AI chatbot using the Vercel AI SDK v5 and Chakra UI🔥 ➡️ Watch here: youtu.be/lp1RtS7RKtw You'll understand how to: ❇️ Create a backend route to interact with LLMs ✅ Handle chat history the way Vercel SDK expects ✅ Build a frontend that…
I’ve been playing around with the Vercel AI SDK v5 + Chakra UI @vercel @chakra_ui Spent the weekend experimenting and ended up building this streaming chatbot that works similar to ChatGPT 💬 🔥 Detailed video on how I achieved this from set up to UI drops tomorrow on my YT.
Don't identify with a tool because tools change and get replaced. Identify with what the tools allow you to do: create. That's what you love doing. It doesn't matter if you do it with a paintbrush, camera, Photoshop, or AI. What matters is the vision you bring into reality.
I’ve been playing around with the Vercel AI SDK v5 + Chakra UI @vercel @chakra_ui Spent the weekend experimenting and ended up building this streaming chatbot that works similar to ChatGPT 💬 🔥 Detailed video on how I achieved this from set up to UI drops tomorrow on my YT.
Dev brain: "Let’s keep the sidebar simple." Also dev brain: "What if we added expandable folders… inside collapsible menus… inside tabs?" 👀 Our Treeview component lets you organize hierarchical data⚡️
❇ Blog 3 of my Design System series is LIVE! This time, I walk through how to style the Accordion component in Ark UI @ark_ui_ using both Vanilla CSS and Panda CSS. ➡️ Check it out: ark-ui.com/blog/design-sy… #ArkUI #DesignSystem #CSS #PandaCSS
Just styled the Ark UI @ark_ui_ Accordion component using both Vanilla CSS and Panda CSS. Here’s a quick preview from Storybook🔥 📽️ Full blog post drops soon. In the meantime, catch up on the full design system blog series here 👉 ark-ui.com/blog/design-sy… #ArkUI #PandaCSS…
Vimeo’s app @Vimeo is built with Chakra UI 🤯 Are you using Chakra in your product too? Tag us! We’re showcasing amazing products this week #BuiltWithChakraUI
Okayyy, MCP finally makes sense! 😆 I kept seeing Model Context Protocol everywhere but didn’t understand it… until I broke it down myself. So I made a short video that explains it in plain English. 🎥 Watch the full video here: youtu.be/810AYdT1MlE
We’ve been quietly working on the TreeView component and it's out now! ⚡️ Go check it out 👉🏽 chakra-ui.com/docs/component… and let us know what you build with it
We shipped the new TreeView component in Chakra UI with some neat built-in features🎉🥳 ✅ Load tree items lazily or asynchronously ✅ Checkbox trees ✅ Filter trees or use typeahead Check it out 👇🏻 chakra-ui.com/docs/component…
We shipped the new TreeView component in Chakra UI with some neat built-in features🎉🥳 ✅ Load tree items lazily or asynchronously ✅ Checkbox trees ✅ Filter trees or use typeahead Check it out 👇🏻 chakra-ui.com/docs/component…
Join @_estheradebayo and me tomorrow as we chat about Ark UI and the recent Svelte support. If you're building a design system or app using Svelte 5. This one might be useful for you. youtube.com/live/zEFIlgusR… 🗓️ Thursday, July 3rd @ 5PM BST
Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here ark-ui.com
Zag and Ark by @thesegunadebayo are criminally underrated
Wow Ark is really good !
Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here ark-ui.com