Chakra

@chakra_ui

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

Joined March 2020

5Following

13KFollowers

Pinned

Chakra@chakra_ui · Nov 22

Launching our New and Improved Pro Blocks ❇️ Choose from 180+ copy-pastable blocks ❇️ Ship your next idea faster than ever ❇️ Works with Chakra UI v3 Check it out today: pro.chakra-ui.com

9.0K

Chakra@chakra_ui · Jul 25

What’s a UI component that's saved you hours of work?

1.0K

Chakra Retweeted

Esther 🥑@_estheradebayo · Jul 23

Leonardo AI @LeonardoAi_ is built with Chakra UI! 🤩 Are you using Chakra in your product too? Tag us #BuiltWithChakraUI

2.0K

Chakra@chakra_ui · Jul 23

Say hello to 5 components that help you display data 👋 📊 Table – Display data in rows & columns 📁 Accordion – Expand/collapse sections 🌲 TreeView – Organize nested data hierarchies 📈 Stat – Highlight key metrics 📋 Data List – Present similar data items

772

Chakra@chakra_ui · Jul 22

🪄 [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…

EEsther 🥑@_estheradebayo · Jul 21

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.

2.0K

Chakra@chakra_ui · Jul 21

Monday reminder! That “quick fix” you shipped last week? Yeah… it’s why your tests are failing today 😅

561

Chakra@chakra_ui · Jul 18

We love to see it 🤩

AAashil Bijukshe@AashilBijukshe · Jul 18

We have been using Chakra UI in our WP plugin Masteriyo LMS #BuiltWithChakraUI jam.dev/c/9a70c519-bd2…

872

Chakra@chakra_ui · Jul 17

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⚡️

chakra_ui's tweet image. 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⚡️

1.0K

Chakra@chakra_ui · Jul 16

Share your Chakra UI projects with us ⚡️

EEsther 🥑@_estheradebayo · Jul 16

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

2.0K

Chakra@chakra_ui · Jul 7

🔥🔥🔥

SSage ⚡️@thesegunadebayo · Jul 7

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…

1.0K

Chakra@chakra_ui · May 21

🚨 Join us tomorrow at 12pm ET / 5pm BST for a livestream on everything new in the Chakra UI ecosystem! We’ll talk about the latest updates, Chakra Charts, the new Figma Kit, Combobox, and what’s coming next. Come hang out with us and ask your questions! 📺 Tune in:…

chakra_ui's tweet image. 🚨 Join us tomorrow at 12pm ET / 5pm BST for a livestream on everything new in the Chakra UI ecosystem!

We’ll talk about the latest updates, Chakra Charts, the new Figma Kit, Combobox, and what’s coming next.

Come hang out with us and ask your questions!

📺 Tune in:…

3.0K

Chakra@chakra_ui · May 20

Today, we’re launching the official Chakra UI v3 Figma Kit 🔥 Perfect for designers + devs working together. ✅Pre-built Chakra components ✅Variants and sizes already set up ✅Design tokens that match Chakra’s system 👉 Grab it here: figma.com/community/file…

chakra_ui's tweet image. Today, we’re launching the official Chakra UI v3 Figma Kit 🔥

Perfect for designers + devs working together.

✅Pre-built Chakra components
✅Variants and sizes already set up
✅Design tokens that match Chakra’s system

👉 Grab it here: figma.com/community/file…

2.0K

Chakra Retweeted

Dominik Sumer ✨@dominiksumer · May 16

Yesterday @chakra_ui released their new ComboBox component today the UX for searching for filterable values got a lot better in Vemetric 🤩

2.0K

Chakra@chakra_ui · May 15

Combobox just dropped in Chakra UI 🔥🔥 Try your hands on it ➡️ chakra-ui.com/docs/component…

SSage ⚡️@thesegunadebayo · May 15

Combobox just dropped in Chakra UI @chakra_ui 🔥 ✅ Supports single and multi-selects ✅ Highlight matching items ✅ Fully customizable items Now live → chakra-ui.com/docs/component… Can’t wait to see what you build with it ⚡️

1.0K

Chakra Retweeted

Raj Breno@rajbreno · Apr 25

@chakra_ui is really good.

573

Chakra@chakra_ui · Apr 15

📊 [𝗡𝗘𝗪 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟] 𝗖𝗿𝗲𝗮𝘁𝗲 𝗕𝗲𝗮𝘂𝘁𝗶𝗳𝘂𝗹 𝗖𝗵𝗮𝗿𝘁𝘀 𝗨𝘀𝗶𝗻𝗴 𝗖𝗵𝗮𝗸𝗿𝗮 𝗨𝗜 @chakra_ui In this complete tutorial, you’ll learn how to create a website analytics dashboard using: 📈 An area chart for page visits 📊 A bar chart for bounce rate 🍩 A…

EEsther 🥑@_estheradebayo · Apr 7

Just built this website analytics dashboard using Chakra Charts. I used a mix of: ✅ Area Chart ✅ Bar Chart ✅ Donut Chart ✅ Sparkline Who wants to see how I made it? 👀

2.0K

Chakra@chakra_ui · Apr 8

New blocks just got added to Chakra UI Pro. ⚡️Property Panel - allow users to edit items ⚡️Sharing Dialog - share content, and access with others Take a look at all variations → pro.chakra-ui.com/blocks/propert…

1.0K

Chakra@chakra_ui · Mar 31

🔥🔥🔥

SSage ⚡️@thesegunadebayo · Mar 31

Say hello to @chakra_ui Charts 📈 🪄 Visualize your data 🎨 Styled with your design token 📊 Powered by recharts Build stunning charts that align with your design system chakra-ui.com/charts

1.0K

Chakra Retweeted

akazwz@akazwz_ · Mar 20

Chakra UI 出了 llms.txt，可以用 AI 写 Chakra UI v3 了。以后所有库都该跟上，毕竟更新是常态。

5.0K

Chakra Retweeted

Dominik Sumer ✨@dominiksumer · Mar 19

I love how @chakra_ui gives me the flexibility to combine UI components in this case a SegmentedControl with a Menu (+ RadioGroup Items) attached to each button

809