awesome-chakra-ui
  
  
    A collection of Chakra UI-related awesomeness 
    https://github.com/chakra-ui/awesome-chakra-ui
  
        Last synced: 5 days ago 
        JSON representation
    
- 
            
๐๏ธ Websites
- Daniel Wirtz's Personal site
 - Nirmalya Ghosh's Site
 - Laura Beatris's Site
 - SurabayaJS's Site
 - CeloPunk Auction
 - Pie Chart Creator
 - Lazar Nikolov's Site
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Lazar Nikolov's Site
 - 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.
 - Avana Wallet - custodial wallet that connects you to Web3 dapps, DeFi, GameFi and NFTs. Powered by Chakra UI and Next.js.
 - Schext
 - Pie Chart Creator
 - Life Pro Tips
 - Rich Haines's Website
 - June
 - Rakhi Boxes
 - SURE Trust - Learning platform. Build with chakra UI and ReactJs.
 - inspektre
 - Sharehouse
 - Supa Palette Website
 - CodeNanshu
 - Amine Elbarry
 - Vizima - Company Website. We are an Indian hospitality company. Our Website is powered by Chakra UI, NextJS & Typescript.
 - Yash Kapure
 - 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
 - Pie Chart Creator
 - 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
 - SURE Trust - Learning platform. Build with chakra UI and ReactJs.
 - 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
 - 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
 - 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
 - Pie Chart Creator
 - inspektre
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Darren Dube's website
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Devkind - fledge web development agency based in Melbourne. Powered by Chakra UI, Framer Motion, Next.js and Strapi.
 - MockZilla - Create Unlimited Free API Calls for your React/Vue.js/Angular Apps!
 - Boring+Ordinary
 - TRIGO's Site
 - Hari Kotha's Site - Router and Chakra UI.
 - wattanx's Site
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 - Pie Chart Creator
 
 - 
            
๐๏ธ Libraries
- Next-mdx-boilerplate
 - React-hook-form-generator
 - Bison - a-box brought to you by Echobind.
 - Chakra+Formik Integration Experiment - knit Chakra+Formik integration with a familiar API.
 - 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
 - Choc Autocomplete
 - Chakra Capsize - oss.github.io/capsize/) inside 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 Datepicker - UI and date-fns.
 - Formik-chakra-ui - UI bindings for Formik.
 - create-chakra-icons
 - eslint-plugin-chakra-ui
 - Nextchakra-starter
 - Formik-chakra-ui - UI bindings for Formik.
 - create-chakra-icons
 - Chakra Datepicker - UI and date-fns.
 - eslint-plugin-chakra-ui
 - HyperTheme Editor
 - Chakra Figma UI Kit
 - Themera
 - Supa Palette Plugin - in-one palettes generator, editor and manager for Figma.
 - OpenChakra - featured visual editor and code generator for React using Chakra UI.
 - Chakra Figma UI Kit
 - chakra-ui-steps
 
 - 
            
CONTRIBUTING
 - 
            
๐ฅ Projects
- Portion Monitor
 - OnlySetups
 - Dokz
 - Chakra UI's Design vs Dev Challenges
 - Horizon UI
 - olamonde
 - olamonde
 - olamonde
 - olamonde
 - olamonde
 - olamonde
 - spoker - time multiparticipant scrum poker app. Estimate with your team.
 - Chakra UI Time Scroller - ui.
 - Purity UI Dashboard
 - 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
 - Choc UI
 - Chakra Templates - crafted & responsive Chakra UI templates ready to drop into your React project.
 - Cosmos Kit - to-go.
 - olamonde
 - olamonde
 - olamonde
 - olamonde
 - olamonde
 - DevKit
 - olamonde
 - olamonde
 - React Python IDE
 - Markdown Notes - taking application in markdown language, built with Chakra UI, react-markdown and codemirror.
 - DevKit
 - UI Foundations
 - 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
 - olamonde
 - Octoclairvoyant
 - 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
 - Volca
 - Octoclairvoyant
 
 - 
            
๐ 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
 - How to Set Up Chakra UI with Next JS by creating a Hero component
 - I have created Web Gallery app using Reactjs , WebRTC and Chakra UI
 - How ChakraUI complements your existing web development skills
 - Build a Landing Page with Chakra UI
 - Chakra UI and React-Hook-Form - How to Build Beautiful Forms
 - Truncating Text using Chakra UI
 - 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
 - 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
 - Track user location coordinates realtime using geolocation api, nextjs , nodejs and socket.io
 - Image Uploading using golang and react
 - Accessibility on-demand with Chakra-ui and focus-visible
 - Choosing the right component library for your design system: MUI vs Chakra
 
 - 
            
๐บ๏ธ Videos
- How to use Chakra UI with Next.js and React
 - Chakra UI for Beginners
 - Chakra Shorts #1 - Dynamic Shadow Image
 - Chakra Shorts #2 - Custom Ring Colors
 - Maintaining Chakra UI
 - How to use Chakra UI's Default Theme
 - Chakra UI and Gatsby - Getting Started
 - 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)
 - 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
 - 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)
 
 
            Programming Languages
          
          
        
            Categories
          
          
        
            Sub Categories
          
          
            Keywords
          
          
              
                chakra-ui
                20
              
              
                react
                15
              
              
                nextjs
                7
              
              
                reactjs
                6
              
              
                typescript
                5
              
              
                vercel
                3
              
              
                design-system
                3
              
              
                mdx
                3
              
              
                autocomplete
                2
              
              
                prisma
                2
              
              
                formik
                2
              
              
                generator
                2
              
              
                typography
                2
              
              
                chakra-ui-react
                2
              
              
                graphql
                2
              
              
                javascript
                2
              
              
                airtable
                2
              
              
                portfolio
                2
              
              
                ui-components
                2
              
              
                autocompletetextfield
                1
              
              
                uikit
                1
              
              
                downshift
                1
              
              
                hacktoberfest-accepted
                1
              
              
                ui-library
                1
              
              
                hacktoberfest2021
                1
              
              
                chakraui
                1
              
              
                header
                1
              
              
                styled
                1
              
              
                navbar
                1
              
              
                navigationbar
                1
              
              
                a11y
                1
              
              
                accessible
                1
              
              
                ark-ui
                1
              
              
                component
                1
              
              
                css-in-js
                1
              
              
                react-components
                1
              
              
                airtable-api
                1
              
              
                blog
                1
              
              
                framer-motion
                1
              
              
                next
                1
              
              
                website
                1
              
              
                boilerplate
                1
              
              
                portfolio-website
                1
              
              
                hygraph
                1
              
              
                alfajores
                1
              
              
                buying
                1
              
              
                celo
                1
              
              
                celopunk
                1
              
              
                dacade
                1
              
              
                erc721
                1