Deepak Kumarcuriousdeepak.com·Aug 13, 2023Chakra UI ExperienceI've been utilizing Chakra UI on several projects both personal and org level large projects. So, whatever I'll be sharing is based on my experience :). Feel free to comment and let me know what are your experiences with Chakra UI. Introduction Chakr...DiscussReact
Raif Shareefraif.hashnode.dev·Jul 19, 2023Building a landing page hero with Vue-Chakra-UI design systemI just finished a short course on "how to use a design system in code" by Design System University [2]. This post is for documenting what I've learned and putting it into practice. We'll go over putting together a super simple landing page header sec...Discuss·31 readsDesign Systems
Favour OgbondaforOpen Replay's Technical Blogopenreplay.hashnode.dev·Jul 18, 2023Creating A Weather app With Next.jsIn this article, you will learn how to create a weather forecast app using Next JS and Chakra UI. The app will use the OpenWeatherMap API to get its weather forecast, time and date, and the icons needed. To start the project, you must have an OpenWea...DiscussOpenReplay
Odafe Alaiyaodafe.hashnode.dev·Jun 28, 2023Demystifying Chakra UIIn the fast-paced world of web development, it becomes imperative for web developers to not only deliver fast, captivating sites but the speed of delivery of these sites cannot be over-emphasized. This is where Chakra UI comes in, offering a powerful...Discuss·14 likes·84 readsReact
James CotterforPerformio Engineeringengineering.performio.co·Jun 27, 2023Deciding on a React Component LibraryOne of the exciting new projects we’re currently working on at Performio is our design system, Electric. The primary goal for this project is to decrease the time to market on new development, so from an engineering perspective, we have decided that ...DiscussDesign Systems
Akash R Chandranblog.akashrchandran.in·Jun 6, 2023FeaturedHow to Add Loading Skeletons to React App Using Chakra UIA while ago I was working on a project GamesDrive and built it using React + TypeScript and using Chakra UI. I was required to get information from the API and wait for its response and then process it and show it to the user. If they have a slow net...Kavir Kaycee and 3 others are discussing this4 people are discussing thisDiscuss·43 likes·612 readsReact
Mina Tamunowariminatam.hashnode.dev·Jun 2, 2023Creating simple React components with Chakra UIChakra UI is growing in popularity with each passing month. The component library created by Segun Adebayo has amassed over 460k weekly downloads and 8 million downloads in April. It also has over 70k Github stars and 3500+ forks – an impressive feat...DiscussChakra-ui
Tuvshinjargal Byambajavtuvshaw.hashnode.dev·May 28, 2023Simple Masonry Layout in CSS with Chakra UI[It is my first post and the very beginning] The fundamental principle of a simple masonry layout is a way of displaying elements in a grid with different heights. It can create a visually appealing and responsive design for your website, a stunning ...Discuss·118 readsChakra-ui
Janvi Bajoriajanvi01.hashnode.dev·May 12, 2023A Guide to Implement Dark/Light Mode Toggle using Next.js and Chakra UIThere has been an increasing popularity of Dark Mode in the past few years, and you may have noticed it yourself. In this tutorial, I'll provide a step-by-step guide to adding a Dark Mode toggle to your website using Next.js and ChakraUI. This toggle...Discuss·20 likes·1.1K readsJavaScript ChroniclesNext.js
Abdul Malikblog.up2dul.com·May 3, 2023Introduction into Chakra UIWant to read in Bahasa Indonesia version? here you go: https://medium.com/@up2dul/chakra-ui-0-perkenalan-b493f059ebe1 What is Chakra UI? From the official website, this is what we get about Chakra UI: Chakra UI is a simple, modular and accessible c...Discuss·1 like·73 readsReact