Awesome Chakra UI

A collection of Chakra UI-related awesomeness

🔥 Projects

Chakra UI Pro: Beautiful and responsive React components to build your application or marketing pages quicker. Created by the makers of Chakra UI.
Chakra Templates: A growing collection of hand-crafted & responsive Chakra UI templates ready to drop into your React project.
Choc UI: A set of accessible and reusable components that are commonly used in web applications.
OnlySetups: OnlyFans, but for pictures of desk setups
TwitterFOMO.dev: Best WebDev Tweets
Dokz: Effortless documentation with Next.js and MDX.
Opensource.builders: Opensource.builders is a website to find and request open-source alternatives to popular software you already use.
Snappify A code snippet creator
Purity UI Dashboard a free dashboard built with Chakra UI
Chakra UI's Design vs Dev Challenges the collection of Design vs. Dev Challenges
Polygon Polygon is an upcoming open-source and privacy oriented social network. Uses Chakra UI and Next.js for the UI
UI Foundations A premium UI/UX design platform built using Chakra UI

WeWork4Days: A website for finding 4-day week jobs 🔥.
Rich Haines's Website
Daniel Wirtz's Personal site: Personal website build with Chakra UI, NextJS and Airtable ✨.
Nirmalya Ghosh's Site: Personal portfolio built using Next.js, Chakra UI, SEO, MDX and TypeScript.
Laura Beatris's Site: My portfolio built with Next.js, Chakra UI and GraphCMS.
SurabayaJS's Site: Landing page for SurabayaJS, made using Next.js, Chakra UI, and Contentful 🐊.
Lazar Nikolov's Site: Lazar's personal website. Made using Next.JS, Chakra UI, MDX, Prisma, PlanetScale, Airtable, Raindrop, and it’s deployed on Vercel.

Chakra+Formik Integration Experiment: An experiment for tight-knit Chakra+Formik integration with a familiar API
Next-mdx-boilerplate: NextJS + MDX starter with examples (Linting, Styled Components, Chakra UI).
Start-ui: Opinionated UI starter with ⚛️ React, ⚡️ Chakra UI, ⚛️ React Query & 🐜 Formiz — From the 🐻 BearStudio Team
React-hook-form-generator: Generate React forms from schema using Chakra UI and React Hook Form.
Bison: A Full Stack Jamstack in-a-box brought to you by Echobind
Fire Hydrant Design System: FireHydrant flavored React component library, built using Chakra UI

Chakra Figma UI Kit: Chakra UI's official Figma components library.
Chakra Play: An advanced online playground for Chakra UI.
Themera: Create Chakra UI color schemes in seconds ⚡️.
OpenChakra: Full-featured visual editor and code generator for React using Chakra UI.
Nextchakra-starter: template to initialize PWA ready Next.js app with Chakra UI & Typescript setup ✨.
Frontity-chakra-ui-theme: A Frontity theme built with Chakra UI.
Chakra-ui-autocomplete: An utility autocomplete UI library to use with Chakra UI.
Chakra-ui-navbar: Fully-responsive NavBar component for landing pages built with Chakra-UI.
Chakra-ui-markdown-renderer: react-markdown renderer for people who using Chakra-UI's CSSReset component.
Chakra-next: Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.
chakra-ui-steps: Steps component designed to work seamlessly with Chakra UI.
Formik-chakra-ui: Your Chakra-UI bindings for Formik
Choc Autocomplete: 🏇 Autocomplete Component Package for Chakra UI
create-chakra-icons Transform SVG to React Chakra UI ✨
Chakra Datepicker A simple datepicker with Chakra-UI and date-fns