Chakra
@chakra_ui
Followers
13K
Following
3K
Media
91
Statuses
2K
Build accessible React apps & websites with speed 🚀 Created by @thesegunadebayo
Joined March 2020
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
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
Theming Mastery with Chakra UI course out now 🚀 Learn how to build scalable and flexible design systems. Go get it:
mastery.chakra-ui.com
Master Chakra UI theming with design tokens, component variants, and advanced customization techniques.
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
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
[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
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 keeps getting better ⚡️
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
🔥 Learn more about the details of this release:
chakra-ui.com
Introducing the TagsInput component and comprehensive quality improvements across the board
0
0
1
🪄[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
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
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
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
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:
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
🪄[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
🚀 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
you can tell how well-crafted a UI library is just by looking at its docs 🍃
2
2
20
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
stackblitz.com
Chakra UI v3 component demo from chakra-ui.com
0
1
6
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
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
Sit back and watch AI convert your Figma design to Chakra UI code using our MCP server 😎🍹
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