Pikagi
Sage ⚡️ Profile Banner
Sage ⚡️ Profile
Sage ⚡️

@thesegunadebayo

18,061
Followers
223
Following
222
Media
4,534
Statuses

Design Engineer . @Github Star ⭐️ Creator of @chakra_ui , @zag_js , @panda__css 🎨 Design Systems - 🚀 Statecharts - 🛠 Dev tools

United Kingdom
https://t.co/ontM7evaDa
Joined June 2011
Don't wanna be here? Send us removal request.
Pinned Tweet
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.
72
368
2K
Last Seen Profiles
KoromiGD

@OficialKoromiGD

LENNY 👑

@TheLenny_

PhytoPlastic

@PhytoPlastic

Eddie Rider

@RiderEddie81

Dylan Thomas Barnes

@pianolorian

Axel Blaze | KMON

@AxelB_laze

Bite-sized MRCP

@BitesizedMRCP

℘aulina ⚜︎

@miserabilis__

Sciado Partenaires

@SciadoP

nate ༉‧₊˚ warner's wife

@mistiyeo

Varel

@Varelserz

Monkey_D_Luffy_VM

@Luffy_VM

refian

@crodilein

𝖑𝖎𝖛 🤎 | will see taylor, evan zanders era

@BraveryVia

gabhriellini 📚

@gabhriellini

.

@puffypinkpaws

𝐬𝐦𝐮𝐭𝐢 | 𝐑𝐞𝐯 𝐅𝐥𝐞𝐭𝐜𝐡𝐞𝐫 𝐞𝐫𝐚

@smuttpadziara

Philipp Keller

@philkellr

OsservatoriodiPavia

@OssPavia

𝓜𝓪𝓳𝓪 | PLJ era

@majbookzone

singto

@sincgto

『A』『r』『i』『s』

@Arisenbitch

🇫🇷 muriel six

@muriel_six

Gwent Wildlife Trust

@GwentWildlife

Jojo

@manito34yq

Maria das Graças 🚩✊

@Gracabibiano

Borut Pahor

@BorutPahor

The College of Idaho

@collegeofidaho

Christian McDonald

@crit

さとうあまみ👾CTO@necco

@PentaPROgram

JayRay566

@JayRay566

La Maison des Maternelles

@lmdmF2

Babelscape

@babelscape

McMaster Engineering

@McMasterEng

LATAM Cardano Community

@LatamCardano

Isaiah Zelasney

@ZelasneyIsaiah

@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 years
🚀 Introducing Chakra UI ⚡️ I’m very excited to share my latest project, Chakra UI. A React-based Component Library. I’ve created over 40+ composable and accessible components to help you create React apps and website with speed. Check it out here:
Tweet media one
133
750
3K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Today is my first day at @vercel and I'm excited to join this amazing team to make the web faster in every possible way ▲ ⚡️
Tweet media one
189
134
3K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I got nominated as a Github Star based on my work on Chakra UI! 🥳🥳🥳 Whoever nominated me, I'd like to say a huge thank you 💖. Can't wait to have my name on the list.
Tweet media one
50
124
2K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
📝 Lessons learned today: As a Software engineer, learning how to introduce yourself and communicating what you do clearly can make a lot of difference in your career. If you ever need to talk about yourself via DM or email, here are 4 tips I discovered: 👇🏼 Thread
27
486
2K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Chakra UI v1 just landed 🚀 After so much hard work, sweat, and tears 🤣, the Chakra team is excited to finally launch version 1.0 🔥 ⚛️ Upgrade to React 17 and Emotion 11 🎨 Component Theming API 🌓 Color Mode improvements 🧩 Chakra JSX Elements
Tweet media one
57
260
1K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
8 months
4 years ago today, I hit "publish" and launched @chakra_ui 🥳 Incredibly grateful to everyone who has been a part of this journey and the entire Chakra UI community. 📈 2.1M downloads/month ⭐️ 34.4k GitHub stars 👀 1.8M website views/month Excited for the road ahead and the…
50
146
1K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Chakra UI appreciation tweet ❤️ It’s about 1 year + 4 months since the launch of Chakra and I’m proud, grateful and excited about its impact. 📥 1.62M downloads ⭐️ 13.8K github stars 🤝 8 contributors 🏆 Most impactful project award ❤️ Amazing community 2020 has been amazing!
17
115
1K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
2021 has been such an amazing year for me: 💼 Got paid six figures at a job to do what I love (UI Engineering) 🚀 Launched Chakra UI v1 and grew it to 1.6M downloads/month and 23K stars ⭐️ Became a GitHub Star 💍 Got engaged to my best friend 😊
25
76
1K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
6 months
🚀 Announcing Ark UI @ark_ui_ The robust headless UI component library, built with State machines 🥳💪✨ 🔸Over 30+ components (ColorPicker, DatePicker, and more...) 🔸Works in React, Solid, and Vue 🔸Bring your own styling solution
33
177
1K
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Excited to share my latest project, Zag.js @zag_js UI components powered by State Machines. Zag is a collection of framework agnostic, accessible widgets (like accordion, menu, dialog, etc.) that can be used in React, Vue, & Solid.js. Check it out
Tweet media one
55
176
948
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
I'm so excited to launch Chakra UI Pro (early access) 🚀 If you use Chakra UI at work or for your project, then you'll love this 💖. A powerful set of fully responsive and accessible React components made by the creators of Chakra UI. Check it out:
Tweet media one
29
144
824
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
The winner of the most impactful contribution to the community is CHAKRA UI ⚡️. Woohoo! I can't contain my excitement 🥳🥳🥳🎉🎉 Thank you @ReactSummit @GitNationOrg for this award.
Tweet media one
64
182
736
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Keep calm and use Chakra 💖 #ChakraSwag #ChakraUI
Tweet media one
17
35
721
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Warming up for the release of Chakra UI v1 😎 After several months of blood, sweat, and tears 😂, the team is ready to go live. Landing soon ⚡️
Tweet media one
47
89
634
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
I wrote a blog post about the future of Chakra UI and the projects we're working on. ✅ Zero runtime CSS-in-JS ✅ Headless Components ✅ Design Token Automation I'm incredibly excited about what we're building and eager to share updates as we go. ➡️
Tweet card media
The future of Chakra UI

Shaping the future of design systems with Chakra UI

www.adebayosegun.com
32
109
615
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Got a little gift from @github for my involvement in the GitHub ReadME project and podcast 😊. Thank you, Github 💖.
Tweet media one
Tweet media two
10
20
594
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Woohoo! 🥳🥳🥳🥳 Chakra UI was nominated for the Most Impactful Contribution to the Community at the Open source Awards which takes place at @ReactAmsterdam . I'm super excited to see this. Can't wait to meet new people and all the amazing speakers at React Amsterdam ❤️
Tweet media one
27
86
502
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Really happy to see Chakra UI as #7 in the top 100 developer tools for 2020 🎉 🥳 Chakra keeps getting better and we can't wait to unleash more ideas we have 😇
Tweet media one
15
62
489
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 month
Excited to bring together all the projects we've been working on into @chakra_ui v3 🟡 Styling API from Panda 🟠 Headless primitives from Ark ⚫️ Component recipes from Park UI Coming together nicely 🤩. We're pretty close!
Tweet media one
38
58
490
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
Grateful for life. Thankful for a new year. Happy Birthday to me 🎉🥳
Tweet media one
Tweet media two
Tweet media three
41
4
463
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
+1 Today 🎉🥳 Really grateful for all the events, opportunities and friendships that have come by way this past year. Thankful to God for preserving my life and always being there for me. To all my friends and family, thank you for making the past year a blast 💝✨
Tweet media one
Tweet media two
Tweet media three
Tweet media four
62
5
451
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
I got featured on the Github ReadME project 🎉 Read my Chakra UI story 👇 #chakraui
@github
GitHub
@github
3 years
At the intersection of engineering and design, @thesegunadebayo applied empathy, accessibility, and inclusion to create @chakra_ui . Get the full story:
11
89
447
16
57
440
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
Building with Chakra is about to get a looot easier with the new #Figma Plugin for #ChakraUI ⚡️ I'm amazed by the speed it brings when converting design to code. Launching this week! 🎉🥳
19
58
448
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Honored to be featured by @github as a Star ⭐️ To more wins 🎉🎊🍾
@github
GitHub
@github
3 years
Meet @thesegunadebayo - a new member of the GitHub Stars Program ⭐! Segun is a user interface engineer passionate about product design. His ambition is to grow the open source community in Africa. Check out his Stars profile.
15
40
271
27
33
437
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 years
Looking through @reactjs docs today and I saw this 😍. Chakra UI in React's docs 🥳. Woohoo! #MamaIMadeIt
Tweet media one
19
75
411
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
The support and reach-out from my post about Panda have been outstanding! After over 8 months of work, we’re pretty much ready to launch @panda__css 😉 Panda works in Next.js 13 App dir, Astro, Qwik, Solid, and more. Here’s a quick demo of Panda + Qwik using PostCSS
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
I wrote a blog post about the future of Chakra UI and the projects we're working on. ✅ Zero runtime CSS-in-JS ✅ Headless Components ✅ Design Token Automation I'm incredibly excited about what we're building and eager to share updates as we go. ➡️
32
109
615
24
64
399
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
JavaScript Tip💡 #TIL You can remove an event listener using the abort controller API. An interesting use case is to remove multiple event listeners at once without calling `removeListener`.
Tweet media one
9
57
392
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Excited to finally get rid of the "annoying focus outline" in Chakra UI. Focus outlines now show based on keyboard interactions only 🔥🔥🔥
22
35
382
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
When you give feedback: COMMEND 💖: Give the person some credit for the work or time put into it, whether you like the work or not. RECOMMEND 🤔: Give clear feedback on what needs to be improved. Keep your tone human, and let go of your ego. COMMEND 💖: End with "Thank you".
13
92
369
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
@adamwathan Hey Adam, I acknowledge this as an oversight during the docs review prior to the launch. As you may have noticed, Panda’s branding and docs is largely unique compared to Tailwind. Saying the Chakra team has a reputation of plagiarism is incorrect. Yes, we may have made a few…
19
24
353
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Meet the latest Github Star🌟 Super honored and excited to be a part of the Github Star Program 🥳🥳🥳
Tweet media one
24
30
329
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
I'm starting to feel the need to give back some of the knowledge I've gained working on Chakra to the community. I'd like to host a dedicated webinar for anyone looking to contribute to our projects (Chakra, Zag, Ark, and Panda). Would you be interested in this?
65
31
320
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I'm looking to work with 2 fairly new React developers based in Lagos , Nigeria 🇳🇬 to work on an interesting project. If you have some experience working with Chakra UI or Tailwind CSS, and excited to work with me, send a DM 📩 #ChakraMafia
37
162
296
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
What if you could go from design to production-ready @chakra_ui code at the click of a button 🤯🤯🤯 #chakraui #designtocode #lowcode
13
40
306
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 months
Prepping for a new major release of Chakra (v3) ✅ Granular Imports ( = better Treeshaking) ✅ Single `chakra-ui/react` package ✅ Improved Next 14 compatibility We'll release another major version (v4) shortly after to include all the new awesome components from Ark UI.
Tweet media one
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 months
Excited to get back to working on @chakra_ui First, PR to clean up a lot of redundancies in the project. It's the first time I've deleted this much code 😂 Aiming to get the codebase and build system more streamlined, reducing the number of packages as well.
Tweet media one
13
7
199
21
26
299
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
Currently working to improve the Next.js 13 support for Chakra UI. Tried some ideas, and it now works! Might consider shipping this under the `chakra-ui/next-js` package to allow us to ship more Next.js specific features. Time to ship 🚀
Tweet media one
14
14
286
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I'm looking to add a UI Designer to Chakra UI's core team. It's almost time for Chakra to have some open source designs and community files in Figma or Sketch. Have anyone in mind or you're interested, please comment below to send me a DM with a compelling reason or portfolio.
47
80
276
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 months
Does anyone want a course about building a design system or component library from scratch and the various tools/strategies involved? Not sure. So, I'm putting it out there to confirm
57
21
286
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Chakra UI ⚡️+ Framer Motion 🧙‍♂️ Hey Chakra family, If you'd like to add some interesting motion interaction or animation to your Chakra UI websites or apps. Here's a quick tip:
Tweet media one
10
52
284
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I think CSS-in-JS is about to enter a new level 🚀. 🔸 Lots of new tools built by amazing people 🔸 CSS-in-JS style editing in Google Chrome 🔸 Tools to trim browser whitespace in fonts and typefaces These tools will converge at some point. We're almost there and I'm excited!
2
36
271
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 months
Happy Birthday to me 🥳🎉 I'm grateful to everyone who supported me and used any tool I've made in past years. I've watched myself grow from every challenge, lesson, and mistake. Looking forward to more unforgettable adventures and experiences. Cheers to my birthday! 🎂✨…
43
4
273
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
I’m super excited to see Chakra as the one of the top styling go-to solutions in 2022. It’s a great start for us and we’ve got more coming 😊✨
Tweet media one
11
24
263
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
9 months
We just shipped Slot Recipes in @panda__css 🚀 Now you can define style variants for different component parts in one go! Here’s a quick demo using Preact and Panda
8
34
254
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
6 months
A few months after launching @zag_js , the most common request was a headless UI component system that wraps the state machines. We've significantly refined Zag and @ark_ui_ to make them production-ready. Let's take a deep dive into the avatar machine and component...🧵
Tweet media one
5
25
254
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Another year of making an impact 🔥. I’m so excited and grateful to have my @github Star renewed for 2022. It means a lot to me and fuels my passion to give more to the community. 💪🏼 To more wins, OSS releases and sustained progress 🎉🥳🥂
Tweet media one
16
17
243
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
📝 Lesson Learned: RTL When creating components that are placement or position sensitive, it's best to use logical prop names ("start", "end") instead of physical prop names ("left", "right"). This makes it easy to handle bi-directional use-cases like RTL or LTR layouts.
Tweet media one
6
37
248
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
10 months
From v2.8 of @chakra_ui , we now include the use client directive to all Chakra components to reduce the need for manually adding in the Next.js app dir. Small change but great impact 🚀
Tweet media one
11
19
248
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
Woke up to see that @panda__css is trending on Github today 🤩🤩🤩🔥🔥🔥 A great way to start the day! 😊 #grateful
Tweet media one
5
31
234
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
~~What does this mean for Chakra UI?~~ Chakra UI remains an independent, open-source project and will continue to be maintained actively by myself and the team. I'll be launching a new project that drives the future of Chakra UI 🔥🚀 #anticipate
7
4
234
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
2019 has been an amazing year for me. 💫 Added Frontend Engineering to my skill set. It was quite a challenging transition from my design background ⚡️ Launched my first Open source project, Chakra UI. It has really stretched my limits and helped me learned a whole lot.
12
21
233
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I had a great time talking about my work on Chakra UI at Microsoft Build. Thank you for having me @codebeast and @simona_cotin ❤️ Let's keep building the web for everyone 🥳 #microsoftbuild
Tweet media one
6
16
215
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Cooking up a Figma UI kit for Chakra UI Pro 🎨. We want to make it even faster for your design team to create beautiful websites and app 🔥
Tweet media one
7
24
212
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
I recently added a search omnibar to Chakra UI docs while waiting for the Algolia support team to resolve an issue. Might as well add this component to Chakra UI itself 😀
16
7
215
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
3 pic, 1 word. Friends 💖 #GoodVibesOnly
Tweet media one
Tweet media two
Tweet media three
6
7
207
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
We're so close to finishing up the new and updated Figma kit for Chakra UI 👌🏼✨ A couple of TODOs left, and we'll ship it!
Tweet media one
5
18
202
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Chakra UI is in the Arctic code vault. Woohoo 🥳🥳
Tweet media one
6
10
196
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
Made pretty good progress with adding tagged template literal support to @panda__css It should make migration from existing tagged-template approaches like styled-components or emotion/styled easy! 👌🏼✨
13
20
200
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 months
Excited to get back to working on @chakra_ui First, PR to clean up a lot of redundancies in the project. It's the first time I've deleted this much code 😂 Aiming to get the codebase and build system more streamlined, reducing the number of packages as well.
Tweet media one
13
7
199
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Chakra UI + Next.js Tip 💡 If you ever wanted to combine the link components from Chakra UI and Next.js, here's how to go about it: #Nextjs #ChakraUI
Tweet media one
4
25
190
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
@t3dotgg Hey Theo, As you'd expect, Chakra UI includes 200+ components out of the box, most of which are tree-shakeable. That said. Bundlephobia might not be the best way to check the resulting bundle size. Create a project, build it and analyze the resulting bundle to confirm this.
6
3
190
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 months
As an engineer, it's important to focus on helping your startup or company to become successful rather than fighting or obsessing over frameworks. Open source means open alternatives and open technology. It is "open" because you get to choose what works for you based on your…
38
28
151
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Open source is beyond just writing code. It involves lots of documentation, writing tutorials, recording videos to educate users. @unicodeveloper at @unStackAfrica Nice to hear about @TheLarkInn 's story with Webpack. Inspiring!
Tweet media one
1
32
179
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Lessons Learned 📝 ✅ The fact you're from an under-developed or developing country doesn't make you an under-developed person or lowers your worth 🌟 ✅ Get what you want and deserve NOT by seeking pity from others but by being the best in what you do 🏆 cc: @VusiThembekwayo
1
66
181
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
11 months
Matching the DX of Chakra and making it work with Server Components was very challenging. Here’s a demo of Next.js App Dir + Panda using the @panda__css PostCSS plugin With Panda, you can opt-in to use JSX style props, and you also get layout components (like Stack, Grid)
15
24
183
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Feels good to see other design systems reuse ideas from Chakra UI. Love it!
Tweet media one
7
7
175
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Starting a React project and need a component library to work really fast? Summon Chakra UI ⚡️ It makes styling and handling accessibility a breeze! A new TypeScript release is also in the works. It's going to be mind-blowing 🤯
Tweet media one
6
31
176
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
8 months
I'm excited to see Panda mentioned in the State of CSS '23 awards section 🥳🥳🥳 Grateful for the support and adoption by the community 🐼💛
Tweet media one
9
14
178
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
So funny and clever at the same time 😂😂😂. StackOverflow saving lives
@meme_botler
El_Memer
@meme_botler
4 years
Tweet media one
6
170
755
0
34
178
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
10 months
If you use styled-components and want to try out @panda__css for better RSC support, Panda now supports tagged template syntax 🎉 Check out the migration guide 👇🏻
Tweet media one
10
19
174
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I'm really proud and excited to see Chakra UI in the top 5 trending tools 🥳 💖🎖 Thank you, @stackshareio
@stackshareio
StackShare
@stackshareio
4 years
📈 ICYMI: Top 5 New Trending Tools 👇🏾 1. @kumologica 2. @heyhey (by @basecamp ) 3. @chakra_ui (by @thesegunadebayo ) 4. @awscloud CodeArtifact 5. @kreteshq (by @zaiste ) 👉🏾 🗞 Subscribe to StackShare Weekly:
Tweet media one
0
7
18
9
23
167
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 months
After a few months of consistent releases, I wrote about the upcoming v1 release of @panda__css and what we're planning. Read it here:
Tweet card media
Panda v1 Roadmap

Let's talk about the roadmap to the first major release of Panda.

www.adebayosegun.com
7
25
172
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
New features in Chakra UI 🔥🔥🔥. Will write about these shortly.
@_estheradebayo
Esther 🥑
@_estheradebayo
3 years
Chakra UI Updates🔥 We recently added 2 new features to Chakra UI: • Gradient support: You can now add gradients to your apps in the quickest way. • Right to Left (RTL) Support for languages like Arabic and Hebrew. #chakraui #opensource #uilibrary
Tweet media one
Tweet media two
6
30
171
6
16
162
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
6 months
In @ark_ui_ , we rely on CSS animations instead of using JS-based libraries like Framer Motion to better embrace the platform. Syncing the hidden attribute of an element with its animation state can be challenging to manage. Let's take a deep dive into the presence machine
Tweet media one
6
12
167
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Really excited to be speaking at the OSCAFest 🔥🔥🔥 Can’t wait to share some state machine goodness 🤓💖
4
14
158
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
✅ Ask a question Whoever asks a question controls the conversation. Always end with these kinds of questions: ❓ "Am I the kind of person you're looking for?" "Is this what company X is looking for?" Let the other person "say" you're the right fit, not you.
2
11
163
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
We had our first @chakra_ui team meeting today and we discussed some interesting ideas regarding the direction for Chakra UI. Can't wait to see these ideas implemented ⚡️ Very excited 🎉 #nextlevel #ideas #chakraui #component #mobileweb
4
10
160
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
React Summit @ReactSummit starts today and I'm super excited 🥳 Also, Chakra UI was nominated at the Open Source Awards as one of the most impactful contributions to the community. The winner will be announced today, I'm excited 🎉
Tweet media one
5
33
159
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
Two projects I’m excited about: @statelyai Xstate: Model & editing the logic of an application or component visually and in a way that works across any JS framework @builderio Mitosis: Writing code in a framework and auto-generate code for other frameworks. 🧵Some thoughts 👇🏻
5
15
159
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
Made with Chakra UI 🤩🤩
@feross
Feross
@feross
3 years
🤩 Exciting news! I'm ready to share the project I've been working on for the past 2 months. ✨ Wormhole – the fastest way to send files ✨ Wormhole lets you share files with end-to-end encryption and it's super fast. Send a file in just 2 seconds:
137
514
3K
6
15
160
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
5 years
Fun Fact: The name Chakra was inspired by Naruto 😆. I loved how fast he goes when he absorbs chakra from nature and enters “Sage” mode. That’s also how I came up with my nickname “Sage”
8
15
155
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
[Chakra UI Tip 🌟] Form in a Drawer If you need to put a form in a Drawer and you need the form's submit button to be placed at the Drawer's footer, here's how to trigger the submit event of the form even though the button is outside it.
Tweet media one
10
8
160
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
Really excited to see the Figma Config Conference website built with Chakra UI. It looks ✨stunning ✨ → Built with @nextjs and @chakra_ui
Tweet media one
5
11
159
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
So excited about the Next.js Conf today ▲ See you in Stage K 🎉, let's build a state machine in real-time 😉 ⚡️ #nextjsconf
Tweet media one
7
16
157
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Exploring new ideas for the next release of Chakra UI. Getting the `as` prop to work correctly with TypeScript was quite some struggle but the work of @diegohaz , @kripod97 , and @jaredpalmer saved me hours. Excited about the next major release! 🥳
14
14
153
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
8 months
Incredibly excited to see the new Udacity website built with @chakra_ui ⚡️ 🔥🚀
Tweet media one
@KolbySisk
Kolby
@KolbySisk
8 months
My team launched a big project this week! We rebuilt the website as part of a big change to the business model. Tech stack includes @nextjs @ChakraUi @sanity_io Deployed to AWS via @SST_dev We did lots of really cool stuff I’ll be writing about soon!
5
11
134
3
11
154
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 months
A neat TS trick I learned recently from @astahmer_dev while working on the `strictTokens` feature in @panda__css
Tweet media one
5
15
155
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
Reading through the State of JS 2022, and I saw this in conclusion. Caught me by surprise and made me even more proud of our progress. Thank you for shining some light on the OSS scene in Africa @sarah_edo
Tweet media one
4
19
152
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
It’s my birthday today 🥳🥳🥳🥳. I’m super excited and thankful for God for the gift of life, my awesome family, quality friends and favor. The last year has been a very challenging, fun and rewarding journey for me. Looking forward to the next 💪🏽, we move! #Chakra
Tweet media one
Tweet media two
Tweet media three
Tweet media four
47
8
150
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
I had fun hanging out with @IvanDalmet , @RudyBaer , and @c_jeanne63 , the biggest fans of Chakra UI 🌟. Heard beautiful stories of how Chakra UI literally saved the lives of some patients in the hospital and helped them grow @_BearStudio in France 🇫🇷. Amazing friends! 💖
Tweet media one
Tweet media two
2
11
150
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
✅ Talk about your success Share your experience or background, and what you've achieved recently that you're proud of. Add links or references to back up your claim 🔗 "I have been developing..." "My background is ..." "I specialize in..." These are good ways to start.
2
8
145
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
Lesson learned 📝: Whatever you believe in or want to master: Study, Practice and Teach ✅ Study the foundations and know them deeply. ✅ Practice consistently without giving up. ✅ Teach others so you can re-learn the foundations and refine your opinion through communication
2
40
144
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
24 days
🐼 Panda CSS - Origins Over the weekend, I had time to reflect on and document how @panda__css was created: the thought process, initial prototype, and decision points. Read the post here 👇🏻
Tweet card media
Panda CSS - The Origin Story

Panda CSS changed the game of CSS-in-JS, making it scalable and framework agnostic. Here's the origin story of Panda CSS

www.adebayosegun.com
6
18
145
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
📝 Lesson learned from "Show Your Work" ALWAYS SHARE YOUR WORK! ✅ What if your next boss didn’t have to read your résumé because he already reads your blog. ✅ If you're a student, what if getting your first gig based on a school project you posted online.
Tweet media one
6
38
139
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
8 months
With the recent projects we're working on, Panda CSS, Ark UI, and Chakra, I wrote a few words to answer common questions about how it all comes together in Chakra 🔥🔥🔥 ➡️
Tweet card media
Chakra, Panda and Ark - What's the plan?

With the recent release of Panda and Ark UI, what's the plan for Chakra UI?

www.adebayosegun.com
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
I wrote a blog post about the future of Chakra UI and the projects we're working on. ✅ Zero runtime CSS-in-JS ✅ Headless Components ✅ Design Token Automation I'm incredibly excited about what we're building and eager to share updates as we go. ➡️
32
109
615
2
23
141
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
1 year
In the next version of Chakra (2.6.x), we shipped: 🔸 New Stepper component 🔸 Support for nested semantic tokens Here's what the Stepper component API looks like:
Tweet media one
8
15
138
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
3 years
I've had a lot of questions about how to use Chakra's link and Next.js' link components together. By default, Next.js `Link` will clone the element in its children and enhance it with the required functionality. Adding `passHref` will make it forward the `href` to Chakra's Link
Tweet media one
6
24
137
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
4 years
The more you win, the more responsibility you have, and that should trigger a thirst to get more knowledge or find areas you can improve on. I got this book to learn how to build systems to maintain great open-source software. OSS = 20% Code, 80% Vision & Processes #ChakraUI
Tweet media one
4
19
132
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
I'll be giving a talk at the #OSCAFest22 on Creating UI components with Statecharts. Excited 🎉
Tweet media one
4
21
134
@thesegunadebayo
Sage ⚡️
@thesegunadebayo
2 years
I find myself thinking a lot about helping people get into Tech through open source contribution and maintenance. This is an exciting opportunity space in Africa. 🧵 Thread...
9
42
130