Chakra

Build accessible React apps & websites with speed 🚀

Created by @thesegunadebayo

[Chakra @chakra_ui]

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/AD0B1hqEtw

#ChakraLaunchWeek

[Chakra @chakra_ui]

New component dropped 🔥🔥

[Sage ⚡️ @thesegunadebayo]

We just shipped Command in @chakra_ui

Build a robust ⌘K palette much faster

✅ Group related commands and search
✅ Nest commands in pages
✅ Supports hotkeys and shortcuts
✅ Bring your own data

[Chakra @chakra_ui]

Every AI app has this input box

Turns out it's just a few of our components put together 👌

[Chakra @chakra_ui]

7 years ago, Chakra UI was launched 🎉

Today, we’ve grown to over 6M monthly downloads!

It’s been an incredible journey, and we couldn’t have done it without the people who use, share, contribute to and support Chakra

Thank you to the entire open source community for rocking with us all these years 🚀

[Esther 🥑 @_estheradebayo]

This September makes it 7 years of building Chakra UI @chakra_ui ⚡️

Building something for this long teaches you a lot about consistency

I've been reflecting on the last 7 years and what building DevRel around an open source project has taught me

I wrote all about the experience in this post: https://t.co/jLri41IIpn

[Ryan Hefner — oss/acc @ryanhefner]

@jlongster That’s one of the main reasons I have stuck with @chakra_ui. Also, assuming you are working in React, adopting is so much more straightforward, and you get components, in addition to great theming primitives.

[Chakra @chakra_ui]

We just shipped Date Input! ⚡️

✓ Date + time
✓ Time zones
✓ Date ranges
✓ 12/24 hour time
✓ Locale-aware formatting
and a lot more features

➡️Start building: https://t.co/I47lphEKPq

[Chakra @chakra_ui]

What keeps someone using Chakra UI for more than 5 years? 🤔

In this week's #ChakraShipped story, @dominiksumer shares why he chose Chakra UI for Vemetric and why he still recommends it for building design systems

➡️Read the story: https://t.co/uUnjEbdmd7

[capie.eth @scoutingcapie]

Chakra powers the Blockscout explorer UI, serving millions of people across thousands of blockchain networks. 🔥

[Chakra @chakra_ui]

New #ChakraShipped ➡️@blockscout ⚡️

Blockscout has been building its open source block explorer with Chakra UI since 2022

Tom Goriunov shares what the team was looking for and what made Chakra the right fit

🪄Read story: https://t.co/87JhXm8g9t

[Chakra @chakra_ui]

Another #ChakraShipped story drops tomorrow 👀

We've enjoyed reading how different teams are building with Chakra UI

Missed the first two stories? Catch up here 👇🏽

https://t.co/iyZ9bGWn4t

[Chakra @chakra_ui]

Chakra Shipped, week 2 👋 #ChakraShipped

This week, we're featuring Célio, CEO of TM Code @hackgarcia

Before building his IDE, one of the first decisions he had to make was choosing the right UI library

👇🏽Find out why Chakra UI became that choice: https://t.co/2xzr9nLsli

[Chakra @chakra_ui]

Steven's shipped story is up...did you catch it yet? #ChakraShipped

He found Chakra in v2 and stuck with it since. Next story drops Thursday!

➡️https://t.co/e9KqK7sPjB

[Chakra @chakra_ui]

Instead of manually applying color on every component, a clean way to work with color is to use the 𝐜𝐨𝐥𝐨𝐫𝐏𝐚𝐥𝐞𝐭𝐭𝐞 prop.

✅ Set it on a component and everything within that component that uses semantic colors pick it up automatically

[Chakra @chakra_ui]

Our first shipped story is out now! #ChakraShipped

✨ Check it out: https://t.co/e9KqK7sPjB

[Chakra @chakra_ui]

Steven @Webifyservices found Chakra UI back in v2 and hasn't looked back in 3 years!

➡️Read all about how Steven and his team have adapted Chakra: https://t.co/e9KqK7sPjB

#ChakraShipped

[Chakra @chakra_ui]

Steven @Webifyservices found Chakra UI back in v2 and hasn't looked back in 3 years!

➡️Read all about how Steven and his team have adapted Chakra: https://t.co/e9KqK7sPjB

#ChakraShipped

[Fullstack @Kalisakevin_]

You are not going to want to miss the first story we have lined up for this.
⚡️ Let's go!
#ChakraShipped

[Lope @I_am_Lope]

Ship is here 🔥

[Chakra @chakra_ui]

⚡️Introducing Chakra Shipped

Our spotlight series for developers and teams who have shipped products with Chakra UI 🔥

First story drops Thursday #ChakraShipped

[Chakra @chakra_ui]

Chakra Shipped, coming next week 🤫

[Chakra @chakra_ui]

Chakra Shipped, coming next week 🤫