awesome-chakra-ui
A collection of Chakra UI-related awesomeness
https://github.com/chakra-ui/awesome-chakra-ui
Last synced: about 22 hours ago
JSON representation
-
CONTRIBUTING
-
🔥 Projects
- OnlySetups
- Dokz
- Chakra UI's Design vs Dev Challenges
- Horizon UI
- Portion Monitor
- olamonde
- olamonde
- olamonde
- olamonde
- olamonde
- Chakra UI Time Scroller - ui.
- Purity UI Dashboard
- olamonde
- spoker - time multiparticipant scrum poker app. Estimate with your team.
- olamonde
- olamonde
- olamonde
- Opensource.builders - source alternatives to popular software you already use.
- olamonde
- Portion Monitor
- olamonde
- olamonde
- olamonde
- DevKit
- Portion Monitor
- olamonde
- Chakra UI Pro
- Chakra Templates - crafted & responsive Chakra UI templates ready to drop into your React project.
- Choc UI
- Cosmos Kit - to-go.
- olamonde
- olamonde
- olamonde
- olamonde
- olamonde
- DevKit
- olamonde
- olamonde
- UI Foundations
- DevKit
- React Python IDE
- Markdown Notes - taking application in markdown language, built with Chakra UI, react-markdown and codemirror.
- thirdweb
- Top.gg
- MockRocket - dropping 3D mockups and product videos, right in your browser.
- Saas UI
- Dev Resources
- Pesabooks
- Portion Monitor
- TemplatesKart - ready hand crafted beautiful Projects and Components list built on top of Chakra UI.
- nextarter-chakra
- Public APIs
- olamonde
- Octoclairvoyant
- olamonde
- olamonde
- olamonde
- olamonde
- Portion Monitor
- Chakra Templates - crafted & responsive Chakra UI templates ready to drop into your React project.
- DevKit
- Portion Monitor
- olamonde
- olamonde
- Portion Monitor
- DevKit
- Portion Monitor
-
🌎️ Websites
- Pie Chart Creator
- Daniel Wirtz's Personal site
- Nirmalya Ghosh's Site
- Laura Beatris's Site
- SurabayaJS's Site
- Lazar Nikolov's Site
- CeloPunk Auction
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Schext
- Life Pro Tips
- MockZilla - Create Unlimited Free API Calls for your React/Vue.js/Angular Apps!
- Boring+Ordinary
- Devkind - fledge web development agency based in Melbourne. Powered by Chakra UI, Framer Motion, Next.js and Strapi.
- Avana Wallet - custodial wallet that connects you to Web3 dapps, DeFi, GameFi and NFTs. Powered by Chakra UI and Next.js.
- Rich Haines's Website
- Bloomberg Global Coal Countdown - to online resource to track the world’s progress towards a coal-free future, by [Zero One Group](https://github.com/zero-one-group).
- Klerye - UI, Prisma, Railway's postgres, trpc and deployed on Vercel.
- June
- TRIGO's Site
- Hari Kotha's Site - Router and Chakra UI.
- wattanx's Site
- Rakhi Boxes
- SURE Trust - Learning platform. Build with chakra UI and ReactJs.
- inspektre
- Sharehouse
- Supa Palette Website
- CodeNanshu
- Amine Elbarry
- Yash Kapure
- Vizima - Company Website. We are an Indian hospitality company. Our Website is powered by Chakra UI, NextJS & Typescript.
- Darren Dube's website
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Lazar Nikolov's Site
- Supa Palette Website
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Arkar's Website
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- WeWork4Days - day week jobs 🔥
- Júlio Mühlbauer
- itsrakesh - blog
- eduo Instrukcije
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Gurudutt Perichetla's Website
- Bobobox Mandalika Campsite
- Newton Mbugua Portfolio
- Gio Gold - commerce web app, built with Next.js & Chakra UI. Our goal is to make investing in gold easy, affordable, and profitable for our valued customers.
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Sharehouse
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- Rakhi Boxes
- Pie Chart Creator
- Pie Chart Creator
- Pie Chart Creator
- inspektre
- Pie Chart Creator
- Pie Chart Creator
- CodeNanshu
- Pie Chart Creator
- Pie Chart Creator
- Darren Dube's website
- Devkind - fledge web development agency based in Melbourne. Powered by Chakra UI, Framer Motion, Next.js and Strapi.
-
📚️ Libraries
- Chakra+Formik Integration Experiment - knit Chakra+Formik integration with a familiar API.
- Next-mdx-boilerplate
- React-hook-form-generator
- Bison - a-box brought to you by Echobind.
- Fire Hydrant Design System
- Chakra+Formik Integration Experiment - knit Chakra+Formik integration with a familiar API.
- Start-ui
-
🛠️ Tools
- Frontity-chakra-ui-theme
- Chakra-ui-autocomplete
- Chakra-ui-navbar - responsive NavBar component for landing pages built with Chakra-UI.
- Chakra-ui-markdown-renderer - markdown renderer for people who using Chakra-UI's CSSReset component.
- Chakra-next
- chakra-ui-steps
- Formik-chakra-ui - UI bindings for Formik.
- Choc Autocomplete
- create-chakra-icons
- Chakra Datepicker - UI and date-fns.
- Chakra Capsize - oss.github.io/capsize/) inside Chakra UI.
- eslint-plugin-chakra-ui
- react-spreadsheet-import - UI and fully customisable.
- Chakra UI Prose - made styles for rendering remote HTML content.
- Supa Palette Plugin - in-one palettes generator, editor and manager for Figma.
- withTypeScale
- Chakra Figma UI Kit
- Themera
- HyperTheme Editor
- Supa Palette Plugin - in-one palettes generator, editor and manager for Figma.
- OpenChakra - featured visual editor and code generator for React using Chakra UI.
- Nextchakra-starter
- Formik-chakra-ui - UI bindings for Formik.
- create-chakra-icons
- eslint-plugin-chakra-ui
- Chakra Figma UI Kit
- Chakra Datepicker - UI and date-fns.
-
📝 Articles
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- I have created Web Gallery app using Reactjs , WebRTC and Chakra UI
- Track user location coordinates realtime using geolocation api, nextjs , nodejs and socket.io
- How ChakraUI complements your existing web development skills
- Accessibility on-demand with Chakra-ui and focus-visible
- Build a Landing Page with Chakra UI
- Chakra UI and React-Hook-Form - How to Build Beautiful Forms
- Truncating Text using Chakra UI
- How to Set Up Chakra UI with Next JS by creating a Hero component
- Choosing the right component library for your design system: MUI vs Chakra
- How To Build an Advanced Multipart Component with Chakra UI
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Setup Nextjs , Apollo client and Chakra UI for your upcomming projects
- Image Uploading using golang and react
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Customisations with Chakra UI
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
- Choosing the right component library for your design system: MUI vs Chakra
-
📺️ Videos
- Chakra UI crash course
- Chakra Shorts #2 - Custom Ring Colors
- Chakra UI for Beginners
- Getting Started with Chakra UI
- The Future of Chakra UI (with Segun Adebayo & Lee Robinson)
- Building an Absence Tracker with Blitz JS and Chakra UI (Series)
- How to use Chakra UI with Next.js and React
- Customise your theme and components
- Learn Chakra UI by building a Todo Application with Local Storage, Dark Mode enabled
- Design Workflow with Chakra UI and Figma
- Chakra Shorts #1 - Dynamic Shadow Image
- Maintaining Chakra UI
- How to use Chakra UI's Default Theme
- Chakra UI and Gatsby - Getting Started
- How to enable Right-to-Left (RTL) support using Chakra UI
- Design Workflow with Chakra UI and Figma
- Chakra UI crash course
- Getting Started with Chakra UI
- Building an Absence Tracker with Blitz JS and Chakra UI (Series)
- How to use Chakra UI with Next.js and React
- Customise your theme and components
- Learn Chakra UI by building a Todo Application with Local Storage, Dark Mode enabled
- Design Workflow with Chakra UI and Figma
- Chakra UI crash course
- Getting Started with Chakra UI
- The Future of Chakra UI (with Segun Adebayo & Lee Robinson)
- Building an Absence Tracker with Blitz JS and Chakra UI (Series)
Programming Languages
Categories
Sub Categories
Keywords
chakra-ui
20
react
15
nextjs
7
reactjs
6
typescript
5
mdx
3
design-system
3
vercel
3
formik
2
generator
2
airtable
2
autocomplete
2
typography
2
ui-components
2
portfolio
2
chakra-ui-react
2
javascript
2
prisma
2
graphql
2
open-source
1
react-admin-dashboard
1
react-admin-template
1
dashboards
1
react-dashboard
1
dashboard-templates
1
template
1
airtable-api
1
blog
1
framer-motion
1
next
1
website
1
boilerplate
1
portfolio-website
1
a11y
1
accessible
1
ark-ui
1
component
1
css-in-js
1
dark-mode
1
react-components
1
styled
1
ui-library
1
uikit
1
wai-aria
1
reddit-api
1
documentation
1
demo
1
design
1
dev
1
admin
1