React chakra-ui - Next.js Boilerplate screenshot

The Next.js boilerplate for busy founders, with all you need to build and launch your startup.

Kickstart App screenshot

Kickstart is the Nextjs boilerplate for building apps fast.

Choc Ui screenshot

Prebuilt ⭐⭐⭐⭐⭐ Chakra UI Higher Order Components

Saas UI Pro screenshot

An advanced component library built with React & Chakra UI.

default image

⚡️ Simple, Modular & Accessible UI Components for your React Applications

default image

Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more.

Ethereum Org Website screenshot is a primary online resource for the Ethereum community.

Ethereum Boilerplate screenshot

The ultimate NextJS Ethereum Dapp Boilerplate which gives you maximum flexibility and speed. Feel free to fork and contribute. Although this repo is called "Ethereum Boilerplate" it works with any EVM system and since it uses Moralis SDK You can even use it on Solana! Happy BUIDL!👷‍♂️

Openchakra screenshot

⚡️ Full-featured visual editor and code generator for React using Chakra UI

Horizon Ui Chakra screenshot

Horizon UI JavaScript ⭐️ The trendiest & innovative Open Source Admin Template for Chakra UI & React!

Craftzdog Homepage screenshot

My homepage

Chakra Templates screenshot

A growing collection of responsive Chakra UI Templates ready to drop into your React project.

Catalog screenshot

The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component.

Start Ui Web screenshot

🚀 Start UI [web] is an opinionated UI starter with 🟦 TypeScript, ⚛️ React, ⚫️ NextJS, ⚡️ Chakra UI, 🟦 tRPC, ▲ Prisma, 🏖️ TanStack Query, 📕 Storybook, 🎭 Playwright, 🐜 Formiz◽From the 🐻 BearStudio Team

Projects_realestate screenshot

Build and Deploy a Real Estate React & Next.js Application

Saas Ui screenshot

The React component library for startups, built with Chakra UI.

Boilerplate Graphql screenshot

⚡️Fullstack boilerplate using Typescript, React, Node & GraphQL

Nextarter Chakra screenshot

battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨

Chakra React Select screenshot

A Chakra UI themed wrapper for the popular library React Select

Hyperglass screenshot

hyperglass is the network looking glass that tries to make the internet better.

default image

⚡️Simple, Modular & Accessible UI Components for your React Applications

Purity Ui Dashboard screenshot

Purity UI Dashboard - Free and Open Source Chakra UI Dashboard

Website screenshot

Personal website build with Chakra UI, NextJS and Airtable ✨

Chakra Ui Steps screenshot

Steps component designed to work seamlessly with Chakra UI

Choc Autocomplete screenshot

🏇 Autocomplete Component Package for Chakra UI

Horizon Ui Chakra Ts screenshot

Horizon UI TypeScript | The trendiest & innovative Open Source Admin Template for Chakra UI & React!

default image

The School of Athens is an open-source initiative for democratic governance in online communities. The project is currently in the experimental launch phase and will be released to the public in Spring 2024. You can deploy your own instance of the School of Athens by following the deployment guide.

React2025 screenshot

⚛️ Build applications from the the future, today.

React Print Pdf screenshot

Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.

Startertab screenshot

A custom new tab page, keeping all the best info handy (a work in progress, feedback is invaluable)

Chakra Ui Autocomplete screenshot

An utility autocomplete UI library to use with Chakra UI

Chakra Ui Docs screenshot

Documentation website for chakra ui

default image

A Fullstack Discord Clone using React and Go. screenshot

A personal portfolio built using Next.js, Chakra UI, SEO, MDX, and TypeScript

React Ui Roundup screenshot

A one-stop-shop for comparing the features of all the best React frameworks. Useful for designers and engineers alike!

Chatgpt Ai Template screenshot

🧠 Horizon AI Template - Trendiest Open-source ChatGPT UI AI Template & Starter Kit for React, NextJS & Chakra UI

Basetool screenshot

Open-source internal tool framework. 💪 Empower your team and collaborators to view and manage the data you already own in a nice easy-to-use protected tool. Basetool helps you have a better handle on your data in a collaborative way so you can focus on moving your business forward.

Trello Clone screenshot

📝 Built with Nextjs framework with Typescript and Chakra UI library with support from MongoDB

default image

Build a simple React / Web3 Dapp that replicates a small portion of the Uniswap v2 interface

Horizon Ui Chakra Nextjs screenshot

Horizon UI NextJS | The trendiest & innovative Open Source Admin Template for Chakra UI & React!

Loopple screenshot

Template Builder for Modern Websites & Dashboards

default image

Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.

MyPortfolio screenshot

This is a portfolio application built by using Next.js, ChakraUi, Typescript and api.

Chakra Dayzed Datepicker screenshot

Chakra UI + Dayzed = datepicker screenshot

My website, made with NextJS and ChakraUI.

Tweet To Image screenshot

Convert tweets to beautiful images screenshot

My Personal Dev Site, built with Next.js and Chakra UI

Datepicker screenshot

A simple datepicker with Chakra-UI and date-fns screenshot

⚡ Dynamic Portfolio Website built with Next.js, Chakra UI and Contentful!

default image

A free Next.js landing page template

default image

Micro Frontend with React, ReactRouter V6, Typescript and Webpack

Hypertheme Editor screenshot

Most advanced visual theme editor for Chakra-UI

Discord Bot Dashboard Next screenshot

The Most Powerful Discord bot Dashboard Template

Node Blog screenshot

🔥✨ A react blog project base on nodejs, nestjs, mongoose, typescript, react, ant-design,nextjs screenshot

V1 of my personal site. If you're looking for v2:

default image

Chakra-UI bindings for Formik

Vnstat Client screenshot

GUI Client for vnStat Network Monitor for Linux or GNU/Linux screenshot

My portfolio built with Next.js, Chakra UI and GraphCMS screenshot

My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote. screenshot

⚡️ My personal website built with Next.js, Chakra UI, ContentLayer + MDX, and Vercel.

Nextjs Chakra Ui Portfolio Template screenshot

Next.js & Chakra-UI portfolio template.

Onlysetups screenshot

OnlyFans, but for pictures of desk setups.

default image

Template for full stack applications based on TypeScript, React, Vite, ChakraUI, tRPC, Fastify, Prisma, zod, etc.

Reference Marketing Website screenshot

Next.js starter for creating a SaaS Marketing Website with Hygraph ⚡️

Reference Marketing Website screenshot

Next.js starter for creating a SaaS Marketing Website with Hygraph ⚡️

Next Prisma screenshot

🚀 Static site with Next.js 9.4 and Prisma.

Themera screenshot

Chakra UI Color Scheme generator

Chakra Ui Navbar screenshot

Fully-responsive NavBar component for landing pages built with Chakra-UI. Check the full tutorial on my blog 👇

Reddit Clone screenshot

Reddit Clone with REACTJS (Next.js, Firebase v9, Chakra UI, TypeScript, Recoil, (Image Uploading, Google Authentication, Create Community, Join Community, Leave Community, Upvote and Downvote Posts), Dark Mode & Light Mode, Data Encryption and Decryption) screenshot

A collection of kits to help bootstrap your next project.

default image

Generate React forms from schema using Chakra UI and React Hook Form

Next Plate screenshot

🦸‍♀️ A super template for Next.js with a pack of incredible tools

Chatgpt Web screenshot

ChatGPT web application, use OpenAI official API. ChatGPT 网页应用,支持多对话、海量提示词、PWA、ASR、TTS

ScuffedMDB screenshot

An open-source website to rate movies watched with friends, made with next.js & chakra-ui. Hosted on

default image

Transform SVGs to React Chakra UI <Icon /> ✨

Writy screenshot



Generate beautiful HTML files without writing any code. Still in beta!

TemplatesKart screenshot

A powerful set of fully responsive and accessible ChakraUI React components and projects list

Portfolio screenshot

My personal portfolio to show my skills, experience, and articles I published. screenshot

Source code of my [WIP] personal website™. Made using next.js and tailwindcss.

Chakra Nextjs Dashboard screenshot

A responsive dashboard UI built using Chakra UI and Next.js.

React Horizon Ui Chakra screenshot

React Horizon UI - Full-Stack Open-Source Starter |

Egghead Getting Started With Chakra Ui screenshot

This is the project that's part of the course Getting Started with Chakra UI.

Vite React Chakra Starter screenshot

template to initialize vite react-ts app with Chakra UI setup :sparkles:

Discord Bot Dashboard 2 screenshot

A Modern Discord bot Dashboard Template

Chaktor screenshot

📈 Chakra UI Admin Dashboard screenshot

Paprback is a showcase for your bookshelves, and place to manage all your readings. A full-stack project that I built to correctly learn React.

Landing Page With Chakra Ui Part 1 screenshot

The full code about the tutorial "Build a landing page with Chakra UI"

default image

The power of capsize inside Chakra UI

Chakra UI Admin Dashboard Template screenshot

Collection of custom made components using Chakra UI. Clone screenshot clone built with Next.js, ChakraUI and api.

Lyrist screenshot



simple and RESTful API for getting lyrics of any song made using Next.js and Tailwind CSS

Personal Website Nextjs Chakra screenshot

A series I am making on YouTube where I build a personal website using next.js and chakra-ui. It includes a variety of other features such as mdx-remote blog pages, view counts with Google Firebase database and many more features.

Portable Portfolio screenshot

Portfolio Template built with React.js and Chakra UI

Next Js Boilerplate screenshot

A personal Next JS 14+ boilerplate: Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)

Next Js Boilerplate screenshot

A personal Next JS 14+ boilerplate: Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)

Cairo By Example screenshot

Verbosely Documented, Minimal Starknet Contract Examples.

Rescript Chakra screenshot

⚡️⚛️ ReScript bindings for @chakra-ui/react

Wotion screenshot



An open-source library of useful notion widgets

React Purity Dashboard screenshot

React Dashboard - Purity UI Dashboard | AppSeed

Portfolio screenshot

V2.0 of my personal portfolio! Feel free to fork it, star it, etc!

Stackoverflow App screenshot

Stack Overflow desktop app with fast and clean UI

Kl_portfolio screenshot

KL's Portfolio v2. Made with Love using NextJS, ChakraUI and Framer motion.

Chakra Left Responsive Navbar screenshot

Simple responsive left navigation built using chakra-ui. Watch me build this: screenshot

My personal blog project built with Next.js, Chakra UI and Typescript.

TF Watcher screenshot

Monitor your ML jobs on mobile devices📱, especially for Google Colab / Kaggle

Dashboard screenshot

An opionated dashboard templates created with Next.js and Chakra UI

React Live Messenger screenshot

A full-stack real-time chat application built with React, Node.js, Redis, Postgres, and

Nextjs With Chakra Ui Boilerplate screenshot

Next.js with Chakra UI boilerplate. PWA ready with storybook and tests configured.

Spoker screenshot



My take on making scrum poker room

Boilerplate screenshot

Fullstack SaaS boilerplate!

Design Vs Dev screenshot

This is the repo for Chakra UI's Design vs Dev Challenges. You can watch the YouTube series here: screenshot

Website and library registry for Deno Land Indonesia 🏡

Ts Next Chakra Motion Kit screenshot

Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...

Octochangelog Webapp screenshot

Compare GitHub changelogs across multiple releases in a single view.

Octochangelog Webapp screenshot

Compare GitHub changelogs across multiple releases in a single view.

Web Client screenshot

Reconmap's web client written in React. Manage all your pentest projects from a single place.

Remix Bossa Nova Stack screenshot

The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.

Webster screenshot

🎨🖌️ Design editor built with React, Redux, Konva, Node.js, NestJS, Prisma, PostgreSQL.

Personal Site screenshot

Personal website made using Next.js, Chakra UI and DatoCMS

default image

GSSoC'23 Official Website

Promptclip screenshot

🤖 A prompt manager for MacOS built with Tauri ♉️

Template Ecommerce Webapp Nextjs screenshot

Next.js ecommerce website starter template

Web3 Monorepo screenshot

⚡️ Get started with your Web3 project,🔋 included: 🌈 Web3Auth & Biconomy for non-custodial Social Login and Account Abstraction, 🗂 monorepo with NX, 💻 Next.js + Next Auth + ChakraUI + Storybook for the frontend, 💾 Hasura GraphQL server and Nest.js for the backend, 🔮 The Graph protocol to query live...

Todo Jobs screenshot

A Web APP for keeping track of your job applications. Built with TypeScript, React, Nodejs, Express and MongoDB.

Beatbox_music_app screenshot

Music application built on the MERN stack

Doppio_bot screenshot

AI ChatBot Template, built into Frappe's admin/desk Interface

Nextjs Boilerplate Advanced screenshot

Next.js boilerplate made with Chakra-UI + Typescript + React-table + React-hook-form

Portfolio V2 screenshot

Second version of my personal portfolio built using Next.js, TypeScript, and Chakra UI.

ZBoard screenshot



Designed for agile teams, visualize daily information, like build info, ticket status, delivery progress and more...

Boemly screenshot



The open-source design system of

Shoes Commerce screenshot

🧪 Experiment with Redux (Redux Toolkit & RTK Query)

Simpletasks screenshot

Simple Tasks with Meteor 3.0 + Chakra UI + RHF + MongoDB

CubeMail screenshot

CubeMail is a webmail client built using React and Chakra UI, It runs in the browser and uses the Gmail's public Javascript API.

React Chakra Pagination screenshot

:atom_symbol: Easy way for paginate anything using Chakra UI

Dumi Theme Chakra screenshot

build theme use Chakra-UI for dumi2 !!!

Focusly screenshot

Open source app to remain focused during your deep work sessions. Built using ReactJS

News Ui screenshot

News web app with Next.js, TypeScript and Chakra UI.

Pub Apis screenshot

Find public APIs, powered by api(dot)publicapis(dot)org

RayVox screenshot



Audio and Video transcription with whisper API and Next.js

RayVox screenshot



Audio and Video transcription with whisper API and Next.js

Sided screenshot



🗞 News from the other side of the political spectrum that challenge your existing biases.

Portfolio screenshot

🎒Dive into my personal website, a captivating blend of experience and boundless creativity. Crafted with Next.js and Chakra UI, it serves as a dynamic canvas for documenting my journey and infusing a touch of artistic innovation 🌸

Play.chakra screenshot

The Playground for Chakra UI

Pill Pity screenshot

🎨 Hero Patterns - a collection of repeatable SVG background patterns for Chakra UI

Sample Nextjs Chakra Gallery App screenshot

Gallery application built with Xata, Next.js and Chakra UI

Next Image Gallery screenshot

Image Gallery built with Next.js, Pexels API and Chakra UI.

Portfolio Website Nextjs screenshot

This repository contains the code and assets for my personal portfolio website, showcasing my skills, projects, experience, and more. Built using Next.js and styled with SASS. Feel free to contribute and use it.

Choc Datetimepicker screenshot

Datepicker component for chakra ui screenshot

🤓 My portfolio built using Next.js, Chakra UI, MDX, TypeScript, and Vercel.

Pollitup screenshot

Live Website👇

Open Audio screenshot

Open-Audio TTS: A robust web app leveraging OpenAI's powerful Text-to-Speech (TTS) models to generate natural-sounding audio from text. Built with modern web technologies for an intuitive user experience, including customizable voice and speech speed settings, and the ability to download audio fi...

Cheathub screenshot

Web app for organizing code snippets, with Flask/Python backend, with React/Typescript frontend

Next Chakra Starter screenshot

An opinionated simple starter / template project with Next.js and Chakra UI. Created by hendraaagil.

Personal Website screenshot

My personal website, statically generated by Next.js screenshot

Personal website and blog.

Blog screenshot



Browse programming tutorials and articles written by Rakesh Potnuru. Learn Web Development, Web3 and Technical writing.

default image

Simple explorer for Amazon S3 buckets

CodeConnect Frontend screenshot

Collaborative code editor with video-meeting and whiteboard features.

Indie_Gems_Portal screenshot

🎮 Indie Gems Portal is a cool web app where you can hunt for games using genres, platforms, release dates, and ratings ⭐. It's like a treasure map for finding your kind of games! 🗺️🕹️

Feedback screenshot

🤙Feedback is a platform built with Next.js, TypeScript & Prisma to collect issues, ideas, and compliments.

Salat screenshot



A small web app for prayers times in cities of Morocco

Api Services Portal screenshot

API Services Portal provides a multi-tenant frontend integrating API Gateway and Authorization services from Kong CE and Keycloak. screenshot

Free programming and computer science tutorials.

Salat screenshot



A small web app for prayers times in cities of Morocco

default image

Beautiful Portfolio Website created with NextJS and ChakraUI

Auth Firebase Next React Jotai screenshot

🚀 Starter Next.js App With Firebase Auth | Next.js 13 + React 18 + Firebase v9 + Jotail

Clockify_Clone screenshot

Free Time Tracker Clockify is the most popular free time tracker and timesheet app for teams of all sizes

Chat Mind screenshot

ChatMind is a full stack chat application built with the MERN stack and Socket.IO. It offers real-time chatting, user authentication, one-on-one/group chat, user profiles, and more. Fork, contribute, or use it for personal/professional purposes. Let's ChatMind your conversations!

Flashcards screenshot

Demo flashcards app built with Next.js 13, Prisma and Chakra UI.

default image

An example website of usage TensorFlow.js on Next.js + Chakra UI using YOLOv5 converted model

default image

Documentation Website For Mirror World SDKs

Mf Next Chakra Poc_layout screenshot

This is POC for Module Federation with Next.js and Chakra UI.

Study Gpt screenshot

Your Powerful All-In-One Learning Companion Powered by ChatGPT

Spendify screenshot

📊 Discover the power of efficient expense management with spendify. Take control of your spending, convert currencies on the fly, generate invoices, and smoothly integrate payments - all in one place.

Trackit screenshot

🎟Trackit is a issue and project management system built using MERN stack. Check out the demo below, feel free to play around✔

Type Challenges Judge screenshot


Your Github Contributions screenshot

Generate your GitHub contributions summary in seconds.

Bimals Closet screenshot

This is an e-commerce web app built with Next.js

Nextra screenshot



Minimal Next.js Chakra UI Typescript Template

Reliance_digital_clone screenshot

It is an E-commerce website to buy Electronics Online at India's Best Online Electronic Shopping Store, Reliance Digital. Shop laptops, tvs, mobiles, cameras, home appliances etc from top ...

Daniellwdb screenshot

📝 My personal space on the internet. screenshot

It’s Group project where we've used MERN stack to make the with our creativity along with frontend and backend integration

Monorepo screenshot

Freedom Combination Monorepo

Pro Theme screenshot

Chakra UI Pro Theme

Puri screenshot



An Order Management System built with React and Firebase

Seedling screenshot

Tasks for Today

Site screenshot



Guillermo's portfolio and blog. Built with Next.js, Notion API and Chakra UI

Brain Wave screenshot

Quiz Application

Gatsby Starter Chakra Ui screenshot

The Gatsby default starter using chakra UI screenshot

📘 Personal Portifolio / My Resume - Made with Next.js | Typescript | Chakra UI.

Nextjs Boilerplate screenshot

A simple project starter to work with TypeScript, React, Next.js, Chakra UI, React Hook Form and Zod ♻️

Portfolio Rahulkp screenshot

Self coded Portfolio Website made using React JS and Chakra UI screenshot

Personal site repo built using Next.js, Chakra UI, MDX, and Radix. screenshot

It’s Group project where we've used MERN stack to make the with our creativity along with frontend and backend integration

Spendify Frontend screenshot

Spendify is a minimal expense web-app built to track and manage your expenditures

Trip To Heaven screenshot

The project is a clone of the MakeMyTrip website, which is a popular travel booking platform. The team's objective was to showcase their proficiency in various web development technologies, including HTML, CSS, JavaScript, React, Redux, and Json-Server.

Covid 19 Data screenshot

COVID-19 Data PWA built with NextJS, SWR, and Chakra-UI

Duworks screenshot

Landingpage Duworks screenshot

My portfolio built with NextJS, Chakra UI, GraphCMS and TypeScript.

default image

My old homepage

Private Me screenshot

Private me is a platform for anononymity, where by every users identity is replaced with an Ethereum Address and Blockies as a digital identity * It also has an anonymous message feature which deletes chat after each replies screenshot

hello world

WaitSecond screenshot

It's develop repository waiting managemenet web solution by restaurant, cafe, etc store.

Website screenshot

ATX DAO's minting website