A carefully selected list of the best resources available for the Next.js community.
Next.js is an open-source framework for building high-quality small and large-scale web applications using Reactjs with modern tools and technology. To stay updated, follow the GitHub Repository and give our repository a star. This will help others discover it, encourage more developers to contribute, and build a solid list. Also, we encourage you to share our repository on your social media platforms, like X (previously known as Twitter).
- Officially for Next.js
- Tools
- SEO
- AI
- Newsletters
- Deploy
- Documentation
- Next.js blog template
- Next.js boilerplate
- Headless CMS
- Database
- Authentication and User Management
- React Form
- Form Builder
- Bundler
- Cache Handler
- State Management
- Analytics
- React UI Library
- Shadcn UI
- Animation
- Icons Library
- Static Search library
- Ready-Made Reactjs Hooks
- Tailwind CSS
- Development Tool
- Error Handling
- VS Code Extensions
- Chrome Extension
- Utility (Others)
You can also check out awesome documentation if you are looking for a list of documentation tools.
Read our guidelines before sharing your favourite library, tool, or template on the awesome Next.js repository.
Share on Social Media
Sponsorship
- Turborepo - High-performance build system for JavaScript and TypeScript codebases.
- Turbopack - Incremental bundler optimized for JavaScript and TypeScript, written in Rust.
- Swr - React Hooks for Data Fetching.
- Satori - Enlightened library to convert HTML and CSS to SVG.
- React tweet - Embed tweets in your React application.
- Next auth - Authorization library tailored for Next.js apps.
- Next PWA - Adds Progressive Web App capabilities to Next.js projects.
- Next.js progress bar - Displays a loading indicator for Next.js route changes.
- Next themes - You can enable the dark-to-light theme toggle with next-themes in your Next.js app.
- Next video - The next video is a React component for adding video to your Next.js application.
- Next MDX - To use MDX with Next.js.
- Tempeh - Declarative routing library for Next.js with typesafe url params. Provides plugin replacement for existing Link tag in Next.js app dir.
- Color core - The color core package is a powerful, type-safe color manipulation library for TypeScript and JavaScript applications.
- Geist Font - Typeface crafted specifically for developers and designers.
- NextStepjs - A lightweight onboarding flow library for Next.js applications. Provides a simple way to create product tours.
- Stepperize - The Stepperize library enables you to create step-by-step workflows in your applications.
- Sidemail - Email API + Node.js SDK for transactional email sending and management.
- Next SEO - Plugin that helps manage SEO in Next.js.
- Next sitemap - The next sitemap library helps you create a sitemap file in your Next.js application.
- Generate Metadata - AI-powered metadata SDK/headless CMS for Next.js. Auto-generates SEO titles, descriptions, and OpenGraph/Twitter tags from your content.
- V0 - Generates copy-and-paste friendly React code based on shadcn UI and Tailwind CSS that people can use in their projects.
- Creatr - AI-driven design tool that transforms your ideas into captivating designs.
- Lovable - AI tool that assists you in building front-end applications.
- HeroUI Chat - Hero UI chat is an AI tool that easily transforms your ideas into beautiful apps.
- Bolt.new - AI tool that prompts, runs, edits, and deploys full-stack web and mobile apps.
- Next.js Weekly - The Next.js weekly is the best newsletter, sharing articles, tools, and projects related to Next.js.
- This Week In React - Newsletter sharing the latest news related to the React ecosystem.
- React Digest - A carefully curated weekly newsletter for React developers.
- JavaScript Weekly - The JavaScript Weekly newsletter shares articles, news, and exciting projects related to JavaScript.
- React Status - A weekly roundup of the latest articles and tutorials on React and React Native.
- Next.js Newsletter - A newsletter sharing news, articles, tools, templates, projects, and resources about React.js and Next.js.
- Vercel - Official cloud platform for Next.js.
- Netlify - Platform to build, deploy, and host your front-end applications.
- Kinsta - Create and deploy web applications and databases in minutes.
- Nextra - Simple, powerful, and flexible site generation framework to build blogs and documents with Next.js and MDX.
- Markdoc - Powerful, flexible, Markdown-based authoring framework.
- Outstatic - Static site CMS built with Next.js that works with both page and app routers.
- Content layer - The content layer works with Next.js and markdown and helps build the blog application.
- Fumadocs - The Fumadocs is a powerful framework for building documentation sites in Next.js using the power of Next.js App Router and React Component.
- MDXTS - The MDXTS is a content & documentation SDK for React and Next.js. It helps to build a documentation website quickly and efficiently.
- Mintlify - Next.js-based platform for documentation sites. Beautiful out of the box, easy to maintain, and built to convert users.
- Docusaurus - Tool that enables teams and individuals to easily publish documentation websites.
- Section blog theme - The section blog theme is nextra-based MDX theme.
- Blog Starter Kit - A statically generated blog example using Next.js and Markdown.
- Portfolio Starter Kit - Easily create a portfolio blog with Next.js and Markdown.
- Nextify - Pre-built template for building documentation sites with blogs using Next.js and Fumadocs.
- Minimalist - Blog template built with Next.js and Tailwind CSS.
- Open Blog - Blogging template built with Next.js, Tailwind CSS and markdown.
- Blogify - Open-source Next.js blog template designed with Tailwind CSS.
- Next.js Enterprise Boilerplate - Open-source template for building high-performance, maintainable, and enjoyable applications.
- Create t3-app - Build the full-stack application with TypeScript, Prisma, tRPC, NextAuth, Tailwind CSS, and Next.js app.
- Next.js Boilerplate - Start new projects with support for App Router and Page Router, Tailwind CSS and TypeScript, and more.
- Superplate - Well-structured, production-ready starter with TypeScript, popular UI kits, and 30+ plugins.
- Next.js + Tailwind CSS + TypeScript Starter and Boilerplate - Combination of Next.js, Tailwind CSS, and TypeScript.
- Kirimase - Command-line tool (CLI) for building full-stack Next.js projects.
- Blitzjs - Fullstack Toolkit for Next.js.
- Next Forge - A ready-to-use, production-grade Turborepo template for Next.js applications.
- TurboStarter - Web (Next.js), mobile (Expo) and browser extension (WXT) starter kit.
- Next.js Web3 Template - Next.js TypeScript template with wallet integration + token gated pages.
- Tina CMS - Open-source, Git-backed headless CMS for Next.js that works with Markdown, MDX, and JSON.
- WordPress - Open-source CMS ready for production; the built-in REST API can power any website.
- Strapi - Powerful open-source Node.js-based CMS suitable for small to large-scale websites.
- Ghost CMS - Popular open-source CMS for creating blogs, offering a simple, user-friendly API.
- Netlify CMS - Decap CMS(Netlify CMS) work with all type of static site generators. It permits users to edit, update, and delete content on any site built with a static generator. You can use Decap CMS without any technical knowledge.
- Forestry - Headless CMS that is easy to customize, configure, and integrate with all types of static site generators.
- Craft CMS - Flexible, user-friendly CMS for creating the web.
- Payload CMS - Build a modern backend admin UI with payload CMS. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.
- Pages CMS - A user-friendly and no-hassle CMS for static site generators.
- Sitepins - A content management system (CMS) for static site generators makes it easier to manage websites built with tools like Astro, Next.js, and Hugo.
- Alinea CMS - Git-based, open-source headless CMS for Next.js that keeps content fully typed in your repository.
- OneEntry - Headless CMS + e-commerce backend with a JavaScript SDK for building Next.js apps (products, pages, orders, users, attributes).
- Supabase - Open-source Firebase alternative.
- PlanetScale - MySQL platform built for scale.
- MongoDB - Document database that helps build small and large platforms.
- Nhost - Open-source backend and development platform for building and scaling web and mobile apps.
- Clerk - Complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage users.
- Corbado - Adds passkeys to your Next.js website or app in a few lines of code.
- Mojo Auth - Secure and delightful passwordless login solution.
- Auth kit - MojoAuth offers a passwordless authentication solution for any web and mobile applications.
- Kinde - Simple, robust authentication built for developers.
- Stytch - Enterprise-ready authentication and authorization platform.
- Auth0 - Built the secure access for everyone with Auth0.
- Logto - Open-source Auth0 alternative designed for modern apps and SaaS products.
- ORY - The Ory is an API-first identity management solution for secure, global, and GDPR-compliant applications.
- Zitadel - Identity management simplified for developers; serverless and open source, ready when you are.
- SuperTokens - Open-source user authentication solution that lets you move quickly while maintaining control at a reasonable price.
- Okta - Okta's Identity Clouds provide secure access and authentication, placing identity at the core of business security and growth.
- PropelAuth - End-to-end managed user authentication specializing in B2B use cases.
- Better Auth - Framework-agnostic authentication and authorization framework for TypeScript.
- Permit.io - Authorization as a service solution for RBAC, ABAC, and ReBAC implementation.
- Stack Auth - Open-source suite of tools for authentication and user management that you can implement in minutes.
- Scalekit - Add enterprise SSO (SAML, OIDC) and SCIM to your Next.js app without replacing your existing auth setup. Works with Firebase, Auth0, Cognito without rewrites.
- FusionAuth - Modern, self-hosted Customer Identity and Access Management (CIAM) solution with a hybrid, single-tenant deployment, allowing you to develop and test anywhere.
- React Hook Form - The React Hook Form is a performant, flexible, and extensible library used for building forms.
- Conform - Type-safe form validation library with full support for server frameworks like Remix and Next.js.
- Formiz - Build React multi step and complex validation form very easily with formiz.
- TanStack Form - Tan Stack Form is the ultimate solution for handling forms in web applications.
- Minform - Collect form data effortlessly without writing code, and it's free.
- Form Builder - Create your forms quickly using Shadcn UI, react-hook-form, and Zod in just minutes.
- Autoform - The Autoform library automatically generates forms based on your existing Zod schema.
- Formcn - Build a ready-to-use multi-step form with Shadcn, featuring validation and accessible, well-designed components.
- esbuild - Open-source JavaScript bundler and minifier that is extremely fast and lightweight.
- Rollupjs - The rollup.js is an open-source JavaScript bundler.
- Tsup - The tsup is the simplest and fastest way to bundle your TypeScript project with no configuration need.
Next.js Turbo Redis Cache - Redis cache handler solution for Next.js App Router. Built for production-ready, large-scale projects with batch tag invalidation, request deduplication, in-memory caching, and efficient tag management.
- Zustand - Fast and scalable state management tool built by developers for React.js.
- Redux - Open-source JavaScript library for state management, commonly used with React or Angular to build user interfaces.
- Recoil - State management library for React built by Meta.
- Jotai - Primitive and flexible state management library for React.
- React context - React.createContext() is a React API allowing you to pass or share between React components.
- NUQS - Type-safe search params state manager for Next.js.
- State-in-url - Share any complex state between unrelated components, sync it to the URL, TS friendly.
- useS - The useS is a modern React hook for efficient local and global state management, offering clean, immutable, and scalable logic with no boilerplate.
- Next.js Google Analytics - Add Google Analytics to your Next.js app.
- Tail Spark - Lightning-fast, beautifully designed Tailwind CSS component set with 300+ copy-and-paste components ready for production.
- Radix UI - An open-source component library optimized for fast development, easy maintenance, and accessibility.
- Shadcn UI - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- MUI - Material UI provides a simple, customizable, accessible library of React components.
- Primer React - Component library built with Primer CSS and React by GitHub.
- React bootstrap - React implementation of Bootstrap components.
- Ant Design - High-quality React component library that helps designers and developers build products.
- Chakra UI - With the help of Chakra UI, you can quickly design a simple to complex site. It gives you the building blocks to build your React applications.
- Kuma UI - Empower Your Web with Ultimate Performance and Flexibility.
- Aceternity UI - Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
- Preline - Open-source prebuilt UI component library based on Tailwind CSS.
- Franken UI - HTML collection of copy-pastable components based on Tailwind CSS and an alternative to shadcn ui.
- Tailus UI - Highly customizable components library for crafting modern, personalized websites and applications using React.
- Tamagui - Build cross-platform applications with React and React Native: write less code and run faster.
- Gluestack UI - Includes copy-paste React and React Native components and patterns designed with Tailwind CSS.
- Tailkits - The Best Premium & Free Tailwind CSS Templates, UI Kits, and Components to Build Modern Websites.
- DotUI - Get everything you need to build your React app with accessible, mobile-friendly, and modern UI components.
- Magic UI - Library for engineers offering 50+ free and open-source animated components built with React, TypeScript, Tailwind CSS, and Framer Motion.
- Eldora UI - Open-source collection of animated components made with React, TypeScript, Tailwind CSS, and Framer Motion; fully customizable.
- Lang UI - Beautifully crafted Tailwind components for your GPT projects.
- Draft UI - Collection of simply designed React components focused on making web accessibility as easy as copy and paste.
- Origin UI - Comprehensive collection of copy-and-paste components designed for quickly building user interfaces for applications.
- Kokonut UI - Modern collection of interactive and customizable UI components that pairs well with Shadcn UI.
- FarmUI - Free, open-source library of responsive UI components and website templates with modern design.
- Justd - Open-source React component UI library built on React Aria Components and Tailwind CSS; easy to customize and drop into projects.
- Reshaped - UI library with more than 45 components focusing on accessibility, component composition, and developer experience.
- 9UI - Collection of beautiful, customizable components built with Base UI and Tailwind CSS.
- Hero UI - Beautiful, fast and modern React UI library for building accessible and customizable web applications.
- Page UI - Set of landing page components and templates ready to copy and paste into your codebase—made for React and built on top of Tailwind CSS.
- Kibo UI - Customised registry of composable, accessible, and open-source components crafted for use with shadcn ui.
- Fancy Components - The Fancy Components is a collection of fun and quirky, ready-to-use components and microinteractions, and it's free and open source.
- Liftkit - The LiftKit UI is a framework designed for perfectionists.
- ui.jln.dev - It has over 1000 VS Code themes added as shadcn/ui Themes.
- Shadcn/UI theme generator - A Simple theme generator for shadcn/ui that provides greater control over color variables.
- Zippy Starter - Shadcn UI theme generator allows you to easily create custom themes from a single color, which you can then copy and paste into your applications.
- Shadcn/UI theme generator - Easily create and customize beautiful themes using shadcn/ui.
- UI Colorful - Shadcn UI and Tailwind CSS color theme generator.
- Components.work - Next JS Components built with Tailwind, TypeScript, brijr/craft, shadcn/ui, and more.
- Popply Library - Explore an animation, use it as you like, and enhance your tooltip with over 50+ available animation effects.
- MotifyX - Enhance your designs with our curated selection of contemporary background patterns. Preview, customize, and apply with just a few clicks.
- React icons - Use the popular SVG icons in your React projects easily with react-icons.
- MUI Icons - Material icons are ready to use with React, officially designed and maintained by the MUI team.
- Icon Buddy - Download, customize, edit, and personalize from over 180k open-source icons.
- Flowbite Icon - Flowbite Icons is a 487+ free and open-source SVG icon library. it is compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
- Hero Icons - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS.
- Lucide - Beautiful & consistent icons Made by the community.
- Eva Icons - Pack of over 480 beautifully crafted open-source icons for common use.
- Icon Monstr - Free, monstrously big, and continuously growing icon library.
- Icon SVG - ICONSVG is a tool to simplify finding and generating common icons for your project.
- Iconoir - Open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.
- Icons download - The icons download library is free universal open-source icons with 16 styles.
- Simple Icons - Open-source SVG icons library that provides popular brand icons.
- Monicon - Universal icon library with over 200,000 icons including popular sets like Material Design, Feather, and Font Awesome.
- Feather - Collection of beautifully simple open-source icons.
- Hugeicons - Beautiful icons for designers and developers.
- Svgl - The svgl library is a beautiful library with various SVG logos.
- Phosphor Icons - Versatile icon family designed for everyone.
- Obra Icons - The Obra icons are a simple, consistent set of icons, perfect for user interfaces.
- Shadcn Icons - React Icons for shadcn/ui.
- Fusejs - Popular, powerful, lightweight search library for creating search functionality for sites.
- Flex Search - Next-Generation full-text search library for Browser and Node.js.
- Orama - Powerful full-text search engine that works both on client and server.
- Algolia - Enable search infrastructure with real-time results for websites and mobile applications.
- Meilisearch - The Meilisearch is a lightning-fast search API that seamlessly integrates with any framework, website, and workflow.
- usehooks ts - React hook library, ready to use, written in TypeScript.
- Mantine Hooks - Inbuilt, ready-made React hooks for handling state and UI management.
- usehooks - A collection of built-in modern, server-side React hooks.
- React Custom Hooks - Supercharge Your Projects with ready-made custom hooks.
- React use - Collection of essential reactjs hooks used for any project.
- Hookcn - A collection of reusable React hooks that you can easily copy and paste into your applications or add directly via the shadcn CLI.
- Ahooks - Comprehensive, high-quality React Hooks library with a vast collection of reusable hooks aimed at simplifying and enhancing React development.
- Shadcn Hooks - A comprehensive React Hooks Collection built with Shadcn.
- Flowbite - Popular library built with Tailwind CSS that provides inbuilt components for developers.
- Material Tailwind - Ready-made components to design pure HTML and React website layouts using material-inspired Tailwind components.
- Meraki UI - Collection of 144+ custom UI components built with Tailwind CSS and Alpine JS.
- Sailboat UI - Collection of 150+ Tailwind CSS components built with Tailwind CSS and Alpine.js.
- Kometa - Offers 130 inbuilt Tailwind CSS-based components, and it is free.
- Headless UI - Tailwind CSS-based component library built for React developers.
- Daisy UI - Open-source UI library based on Tailwind CSS.
- Hyper UI - Free, open-source Tailwind CSS component bundle with modern design.
- Flowrift - Free, open-source Tailwind CSS component library providing category-based components for websites.
- Tailwind UI kit - Extensive list of inbuilt components; free plan offers 250 components, paid plan unlocks all templates.
- Tailwind kit - Access to over 250 free Tailwind CSS-based components.
- Wickedblocks - Free set of 120 fully responsive Tailwind CSS components ready to copy and paste into projects.
- Tailus - UI components and templates built on Tailwind CSS offering a rich and modern experience.
- Tailgrids - Variety of 500+ components, blocks, sections, and templates built on Tailwind CSS.
- Kutty - Reusable Tailwind CSS components with Alpine.js-powered interactions.
- Windmill UI - Free React UI component library designed with Tailwind CSS.
- Myna UI - Open-source Tailwind CSS-based component library with a smaller curated set of components.
- Tailwind Starter Kit - Free and open-source kit based on Tailwind CSS.
- Tailblocks - Small Tailwind CSS library providing 60+ inbuilt components.
- Tailsc - Free Tailwind CSS components for stylish, accessible website blocks that you can copy and paste into any Tailwind project.
- Tailwind toolbox - Directory of community Tailwind CSS projects that you can copy and paste into your own.
- Pagedone - Open-source Tailwind library and Figma UI kit featuring 1,000 Tailwind blocks and ready-to-use elements.
- FlyonUI - Easy-to-use, free, open-source Tailwind CSS component library with semantic classes.
- TypeScript - Typed superset of JavaScript that helps write production-ready code.
- @next/eslint-plugin-next - Next/eslint-plugin help to resolve the error.
- @next/bundle-analyzer - Analyzer your Next.js bundle size using a Webpack bundle analyzer.
- Heroshot - Screenshot automation CLI for documentation. Define screenshots once in config, regenerate all with one command using Playwright. Includes a Next.js integration.
- React Error Boundary - The React error boundary package is a reusable React error boundary component. You can wrap your application with an Error Boundary component around other React components to catch errors and render a fallback UI.
- Use error boundary - The use-error-boundary is a React hook, it is built to handle error boundaries in your React functional components.
- Next.Nav - Using the VS Code extension, navigate and create routes easily in your Next.js application.
- Next.js snippets - Ready-made snippets for Next.js.
- Front Matter CMS - VS Code extension that provides power, flexibility, and control to work with Markdown.
- React and Next.js Snippets - A VSCode extension packed with the latest React and Next.js snippets.
- Gimli - Chrome extension offering a visual tool for front-end developers to build with Tailwind CSS.
- Next.js Utilities Extension - Chrome extension that shows the size of Next.js static data without requiring additional setup.
- GitHub Web IDE - Open Any GitHub repositories in online web (cloud) IDE like VS Code, GitHub Dev, Code Sandbox, Repl.it, Gitpod, etc.
- Next Network - Devtools extension that allows to monitor server-side requests being sent by the local Next.js application.
- Demo posts for markdown - Demo markdown posts are used to design your new blog base template. You do not write markdown demo posts. You can use demo markdown posts with any static site generator which supports markdown. for example, Next.js, GatsBy, Lume, Fresh, etc. Demo markdown posts are written with Lorem Ipsum. I can use bold, italic, code block, inline code, links, images, and quotes in markdown posts.
- Jam Stack - A list of resources related to CMS and site generators across the programming world.