A collection of Chakra UI-related awesomeness
https://github.com/chakra-ui/chakra-ui
- 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
- 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
- How ChakraUI complements your existing web development skills
- Accessibility on-demand with Chakra-ui and focus-visible
- Build a Landing Page with Chakra UI
- Customisations with Chakra UI
- Chakra UI and React-Hook-Form β How to Build Beautiful Forms
- Truncating Text using Chakra UI
- 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
Contributions welcome! Read the contribution guidelines first.