chakra_ui Profile Banner
Chakra Profile
Chakra

@chakra_ui

Followers
13K
Following
3K
Media
91
Statuses
2K

Build accessible React apps & websites with speed 🚀 Created by @thesegunadebayo

Joined March 2020
Don't wanna be here? Send us removal request.
@chakra_ui
Chakra
4 months
Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: https://t.co/aB1sXZBt7p
6
12
89
@thesegunadebayo
Sage ⚡️
7 days
Chakra UI just crossed 40,000 GitHub stars 🌟 What started as a "quick" side project is now used by 4M+ developers worldwide each month 🥳 I'm so grateful to everyone who has stayed with us on this journey ❤️ Can't wait to reveal the next chapter of Chakra.
24
22
326
@chakra_ui
Chakra
7 days
What are you all building with our MCP server? Share your project 👇
0
0
2
@chakra_ui
Chakra
12 days
Theming Mastery with Chakra UI course out now 🚀 Learn how to build scalable and flexible design systems. Go get it:
Tweet card summary image
mastery.chakra-ui.com
Master Chakra UI theming with design tokens, component variants, and advanced customization techniques.
@_estheradebayo
Esther 🥑
12 days
I’ve been working on this for months… and it’s finally LIVE 🔥 My new course Theming Mastery with Chakra UI is out!!! ✨ 6 modules ✨ 14 lessons ✅ Design Tokens ✅ Component Customization ✅ Headless Styling ✅ Theme Optimization Get 40% off this weekend 👉
0
1
5
@chakra_ui
Chakra
13 days
Our Premium UI components & templates are now on sale for Black Friday at 30% OFF🥳 Get over 200 UI blocks to ship your ideas faster: ✅ Marketing UI ✅ Application UI ✅ E-commerce UI ✅ All templates ➡️ https://t.co/farBK8u6Cx
0
0
1
@chakra_ui
Chakra
14 days
[NEW] We just shipped a new component – Splitter ⚡️ ✅Horizontal or vertical layouts ✅Multi-panel dashboards ✅IDE-style layouts ✅Controlled or store-driven resizing Great for building layouts where the user decides how much space each section gets ➡️Try it:
0
2
13
@chakra_ui
Chakra
23 days
We've just shipped Templates in Chakra! ✔️ Conf kit ✔️ Course kit ✔️ Docs kit You no longer have to spend hours building from scratch. Now you can ship 10X faster. download → tweak → ship ➡️ https://t.co/25K5bboVS4
2
2
5
@chakra_ui
Chakra
1 month
Chakra keeps getting better ⚡️
@thesegunadebayo
Sage ⚡️
1 month
This awesome Carousel component landed in @chakra_ui 🎉 Build accessible and beautiful carousels ✅ Image Sliders ✅ eCommerce Product carousel ✅ Product showcase Lightbox https://t.co/lBRoEKme9i
0
1
5
@chakra_ui
Chakra
2 months
🪄[NEW] We've just shipped the Tags Input component in v.3.28 Features include: ✅ Combobox + Tags Input ✅ Editable tags ✅ Tags on blur ✅ Max tags Get started with Tags Input: https://t.co/1v3YU4dYnJ
1
4
21
@_estheradebayo
Esther 🥑
2 months
The other day, I was exploring @topview_ai and was pleasantly surprised to see it was built with Chakra UI 💛 Its always exciting to see more AI tools adopt Chakra and how the ecosystem is growing rapidly. #BuiltWithChakraUI
0
2
25
@_estheradebayo
Esther 🥑
2 months
One of my favourite things about working with @chakra_ui is seeing the global community build with it! ➡️ Check out Toque Media, originally in Portuguese 🇧🇷: https://t.co/S4I6BgeMEd #BuiltWithChakraUI
0
1
7
@_isBatak
Ivica Batinić
4 months
Did you know that you can use Chakra UI v2 and v3 in the same project to simplify the upgrade path? The idea is to scope v3 components separately while the rest of the app still uses v2. 👉 See example on GitHub https://t.co/SE1Hku5ZVZ
1
1
10
@_estheradebayo
Esther 🥑
3 months
5 videos to help you build better UIs with @chakra_ui 👇 ✅Figma → Chakra code: https://t.co/algQMyVkkH ✅Chatbot with Vercel AI SDK: https://t.co/e6LbJXhKen ✅Data Viz with Chakra Charts: 📺 https://t.co/CSXZaOAB7y ✅Multistep Form Building:
Tweet card summary image
youtube.com
Want to build a modern, user-friendly multi-step form in Next.js? This playlist takes you step by step through building an interactive, refresh-proof, and sh...
0
2
6
@chakra_ui
Chakra
3 months
🪄[NEW] Documentation PRO Blocks We’ve just released 30+ blocks to help you create beautiful docs faster. ✅ Navbar ✅ Sidebars ✅ Parameter Fields ✅ And more Get started: https://t.co/NRLT1G28pg
0
2
6
@chakra_ui
Chakra
3 months
🚀 We just shipped the <Listbox /> component! Now available in Chakra UI v3.26! This release also features improvements and bug fixes. ➡️ Learn more: https://t.co/11m0no12vI
2
4
36
@enjidev
Enji Kusnadi
4 months
you can tell how well-crafted a UI library is just by looking at its docs 🍃
2
2
20
@enjidev
Enji Kusnadi
4 months
FYI @chakra_ui’s styling system is built with Panda CSS and supports responsive variants. Check this example and inspect the button: https://t.co/FTJxNdevvG
Tweet card summary image
stackblitz.com
Chakra UI v3 component demo from chakra-ui.com
0
1
6
@thesegunadebayo
Sage ⚡️
4 months
Chakra MCP + Chakra UI Pro 🪄✨ If you have a Chakra Pro license, you can now give AI agents access to the component blocks in the @chakra_ui MCP 🥳 ✅ Create an API Key ✅ Add the key to your mcp.json ✅ Prompt the AI agent and watch it create beautiful designs
2
4
50
@chakra_ui
Chakra
4 months
Big news for our PRO users 🎉 We’ve made it way easier to explore our premium component blocks ➡️ https://t.co/O7mHizjMw0 A quicker way to dive in and find the perfect blocks for your next project. You're welcome! 😉
1
3
14
@chakra_ui
Chakra
4 months
Sit back and watch AI convert your Figma design to Chakra UI code using our MCP server 😎🍹
@_estheradebayo
Esther 🥑
4 months
Watch how I converted a full @figma design to @chakra_ui code in a few minutes 🔥 And...I didn't stop at the static code generation, in the full youtube video, I made it a functional app, which is the best part. Watch it here: https://t.co/algQMyVkkH
0
2
17