Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-nextjs

A curated list of awesome Nextjs-based libraries that help build small and large-scale applications with next.js.
https://github.com/officialrajdeepsingh/awesome-nextjs

Last synced: 3 days ago
JSON representation

  • AI

    • V0 - V0 generates copy-and-paste friendly React code based on shadcn UI and Tailwind CSS that people can use in their projects.
    • Creatr - Creatr is an AI-driven design tool that transforms your ideas into captivating designs.
    • HeroUI Chat - Hero UI chat is an AI tool that easily transforms your ideas into beautiful apps.
    • Lovable - AI tool that assists you in building front-end applications.

  • Analytics

  • Animation

    • 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.

  • Authentication and User Management

    • Clerk - Clerk is more than a "sign-in box" and integrates complete user management UIs and APIs, purpose-built for React, Next.js, and the Modern Web.
    • Mojo Auth - Secure and delightful passwordless login solution.
    • Auth kit - MojoAuth offers a passwordless authentication solution for any web and mobile applications.
    • Auth0 - Built the secure access for everyone with Auth0.
    • Logto - Open-source Auth0 alternative designed for modern apps and SaaS products.
    • ORY - An API-first identity management solution for secure, global, and GDPR-compliant applications.
    • Okta - Okta's Identity Clouds provide secure access and authentication, placing identity at the core of business security and growth.
    • Clerk - Full-stack auth and user management for Next.js: prebuilt components, App Router support, and flexible APIs.
    • Better Auth - Better Auth is a framework-agnostic authentication and authorization framework for TypeScript.
    • Neon Auth - Managed authentication that syncs users directly into your Neon Postgres database; built on Better Auth.
    • Stack Auth - Open-source suite of tools for authentication and user management that you can implement in minutes.
    • Stytch - Enterprise-ready authentication and authorization platform.
    • Scalekit - Add enterprise SSO (SAML, OIDC) and SCIM to your Next.js app without replacing your existing auth setup. Works with Firebase, Auth0, and Cognito without rewrites.

  • Blogging

  • Bundler

    • esbuild - Open-source JavaScript bundler and minifier that is extremely fast and lightweight.
    • Tsup - The simplest and fastest way to bundle your TypeScript project with no configuration needed.

  • Chrome Extension

    • Gimli - Chrome extension offering a visual tool for front-end developers to build with Tailwind CSS.
    • GitHub Web IDE - Open any GitHub repositories in an online web (cloud) IDE like VS Code, GitHub Dev, Code Sandbox, Repl.it, Gitpod, etc.
    • NextJS Utilities Extension - Next.js Utilities Extension shows you the size of Next.js static data without installing of any additional stuff.
    • Next Network - Devtools extension that allows monitoring server-side requests being sent by the local Next.js application.
    • Next.js Utilities Extension - Chrome extension that shows the size of Next.js static data without requiring additional setup.
    • Poszo Next.js Security Headers Starter - Dependency-free security headers starter and production verifier for Next.js deployments.
    • GitHub Web IDE - Open any GitHub repositories in an online web (cloud) IDE like VS Code, GitHub Dev, Code Sandbox, Repl.it, Gitpod, etc.

  • Contents <!-- omit in toc -->

  • Database

    • 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.
    • Neon PostgreSQL - Serverless PostgreSQL with autoscaling, database branching, and scale-to-zero.

  • Development Tool

    • 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.
    • cms-lab - CLI that checks headless CMS content against your Next.js routes and fails CI on broken routes, SEO gaps, and content drift.

  • Documentation

    • 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.
    • Content layer - The content layer works with Next.js and Markdown and helps build the blog application.
    • Fumadocs - A powerful framework for building documentation sites in Next.js using the power of Next.js App Router and React components.
    • Docusaurus - A tool that enables teams and individuals to easily publish documentation websites.
    • eziwiki - Documentation and wiki site generator with wiki links, backlinks and a graph view. Markdown is rendered at build time and exported as a static site.

  • Error Handling

    • 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.

  • Form Builder

    • 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.

  • Headless CMS

    • Sponsorship

      • Alinea CMS - Alinea cms is a Git-based, open-source headless CMS for Next.js, and it allows you to keep your content fully typed in your repository.

      • 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.
      • Craft CMS - Flexible, user-friendly CMS for creating the web.
      • Pages CMS - A user-friendly and no-hassle CMS for static site generators.
      • 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.
      • 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.
      • Sitepins - A content management system (CMS) for static site generators that makes it easier to manage websites built with tools like Astro, Next.js, and Hugo.
      • OneEntry - Headless CMS + e-commerce backend with a JavaScript SDK for building Next.js apps (products, pages, orders, users, attributes).
      • UnfoldCMS - Self-hosted PHP/Laravel headless CMS with REST API v1 (42 endpoints), HMAC webhooks, and Sanctum auth. Works with Next.js out of the box. [GitHub](https://github.com/hpakdaman/unfoldcms) · [Demo](https://demo.unfoldcms.com)

  • Icons Library

    • MUI Icons - Material icons are ready to use with React, officially designed and maintained by the MUI team.
    • 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.
    • 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 a free universal open-source icons library with 16 styles.
    • Simple Icons - Open-source SVG icons library that provides popular brand icons.
    • React icons - Use the popular SVG icons in your React projects easily with react-icons.
    • Eva Icons - Eva Icons is a pack of over 480 beautifully crafted Open Source icons for common use.
    • Monicon - Universal icon library with over 200,000 icons, including popular sets like Material Design, Feather, and Font Awesome.
    • 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.
    • Icon Buddy - Download, customize, edit, and personalize from over 180k open-source icons.
    • Shadcn Icons - React Icons for shadcn/ui.
    • theSVG - Free brand SVG icons for developers, designers, and teams. Use them in any project, no attribution required.
    • Developer icons - A collection of well-optimized SVG tech logos for developers and designers—customizable, scalable, and free.
    • Logos - Discover 14,790 free SVG logos for apps, dev tools, and tech brands. Easily search, filter by category, and download or copy with a single click.

  • Newsletters

    • This Week In React - Newsletter sharing the latest news related to the React ecosystem.
    • React Digest - A carefully curated weekly newsletter for React developers.
    • Next.js Newsletter - A newsletter sharing news, articles, tools, templates, projects, and resources about React.js and Next.js.
    • Next.js Weekly - The best newsletter, sharing articles, tools, and projects related to Next.js.
    • Next.js Newsletter - A newsletter sharing news, articles, tools, templates, projects, and resources about React.js and Next.js.
    • React Digest - A carefully curated weekly newsletter for React developers.

  • Next.js blog template

    • 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.
    • 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.
    • Nextify - Pre-built template for building documentation sites with blogs using Next.js and Fumadocs.
    • Section blog theme - The section blog theme is nextra-based MDX theme.

  • Next.js boilerplate

    • Create t3-app - Build the full-stack application with TypeScript, Prisma, tRPC, NextAuth, Tailwind CSS, and Next.js app.
    • Next.js Enterprise Boilerplate - Open-source template for building high-performance, maintainable, and enjoyable applications.
    • 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 Web3 Template - Next.js TypeScript template with wallet integration + token gated pages.
    • Next Forge - A ready-to-use, production-grade Turborepo template for Next.js applications.
    • Neon Auth Next.js Template - Starter template for Next.js with Neon Auth, managed authentication that syncs users directly into your Neon PostgreSQL database.
    • Turbo Start Sanity - Sanity + Next.js page builder starter with visual editing, live preview, and a Turborepo monorepo structure.
    • Next Agent Template - Next.js starter template for AI-agent-assisted projects with TypeScript, Tailwind CSS, tests, SEO, and optional Supabase and Sanity setup.
    • Kostra - Next.js SaaS boilerplate with authentication, Stripe billing, credit-based usage billing, admin dashboard, and full TypeScript.
    • MailKite SaaS Starter - Production-ready Next.js 15 SaaS starter with self-contained authentication (Google/GitHub OAuth + email/password, no auth vendor), Stripe subscriptions, teams, PostgreSQL/Drizzle, and a dark-first UI.
    • TurboStarter - Web (Next.js), mobile (Expo), and browser extension (WXT) starter kit.
    • Kostra - Next.js SaaS boilerplate with authentication, Stripe billing, credit-based usage billing, admin dashboard, and full TypeScript.

  • Nextjs boilerplate

  • Officially for Next.js

    • Swr - React Hooks for Data Fetching.
    • Satori - Enlightened library to convert HTML and CSS to SVG.
    • React tweet - Embed tweets in your React application.
    • Turborepo - High-performance build system for JavaScript and TypeScript codebases.

  • Officially for Nextjs

    • Turborepo - Turborepo is a high-performance build system for JavaScript and TypeScript codebases.

  • React Form

    • Formiz - Build react multi step and complex validation form very easily with formiz.
    • TanStack Form - The ultimate solution for handling forms in web applications.
    • Conform - Type-safe form validation library with full support for server frameworks like Remix and Next.js.
    • Minform - Collect form data effortlessly without writing code, and it's free.
    • React Hook Form - The React Hook Form is a performant, flexible, and extensible library used for building forms.

  • React UI Library

    • Sponsorship

      • Kibo UI - Kibo UI is a customised registry of composable, accessible, and open-source components crafted for use with shadcn ui.
      • Reshaped - Reshaped UI offers more than 45 full-built components for every project, focusing on accessibility, component composition, and enhanced development experience.

      • Tail Spark - Tail Spark is lightning, fast, beautifully designed and ready for production. Tail Spark comes with 300+ Tailwind CSS Components, All the components come with copy and paste code.
      • 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.
      • React bootstrap - React implementation of Bootstrap components.
      • Ant Design - High-quality React component library that helps designers and developers build products.
      • 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.
      • Tailus UI - Highly customizable components library for crafting modern, personalized websites and applications using React.
      • Lang UI - Beautifully crafted Tailwind components for your GPT projects.
      • Franken UI - Franken UI library, an HTML collection of copy-pastable components based on Tailwind CSS. its alternative of shadcn ui.
      • Gluestack UI - Includes copy-paste React and React Native components and patterns designed with Tailwind CSS.
      • DotUI - Get everything you need to build your React app with accessible, mobile-friendly, and modern UI components.
      • Draft UI - Collection of 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.
      • Next UI - Beautiful, fast, and modern React UI library.
      • 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.
      • Kokonut UI - Kokonut UI is a modern collection of interactive and customizable UI components that is quick and easy to use with Shadcn UI.
      • 9UI - 9UI Library: Beautiful, customizable components built with Base UI and Tailwind CSS.
      • Page UI - Page UI is a set of landing page components & templates that you can copy & paste into your codebase—made for React & built on top of TailwindCSS.
      • Kibo UI - Kibo UI is a customised registry of composable, accessible, and open-source components crafted for use with shadcn ui.
      • Liftkit - The LiftKit UI is a framework designed for perfectionists.
      • Eldora UI - Open-source collection of animated components made with React, TypeScript, Tailwind CSS, and Framer Motion; fully customizable.
      • Tail Spark - Lightning-fast, beautifully designed Tailwind CSS component set with 300+ copy-and-paste components ready for production.
      • Hero UI - Beautiful, fast and modern React UI library for building accessible and customizable web applications.
      • Billing SDK - Type-safe billing and subscription components (pricing tables, usage meters, plan upgrade flows) for React, built with TypeScript, Tailwind CSS, and shadcn/ui.
      • Tamagui - Build cross-platform applications with React and React Native: write less code and run faster.
      • Tailkits - The Best Premium & Free Tailwind CSS Templates, UI Kits, and Components to Build Modern Websites.

  • Ready-Made Reactjs 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.
    • Shadcn Hooks - A comprehensive React Hooks Collection built with Shadcn.

  • SEO

    • Next SEO - A 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.

  • Shadcn UI

    • 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 Space - A collection of beautifully designed, accessible, and composable free Shadcn UI blocks, components, and templates for your React/Next.js apps.
    • Unlumen UI - Animated, production-ready React components designed for Shadcn UI help you ship faster, learn from real code, and stand out.
    • Shadcn/UI theme generator - Easily create and customize beautiful themes using shadcn/ui.
    • Payload Components - MIT shadcn-compatible registry and CLI for installing wired Payload CMS blocks into Payload v3 and Next.js projects.
    • 8StarLabs UI - A set of beautifully designed components for developers who want niche, high-utility UI elements that you won't find in standard libraries.
    • LocalMode UI - Local-first shadcn registry of 107 AI UI primitives and 36 composed blocks (chat, RAG, transcription, CLIP search) installable via npx shadcn add. Runs models entirely in the browser, no servers or API keys.
    • Bklit - A component library built on top of shadcn/ui for creating charts and data visualizations.
    • Canvas UI - Canvas UI is an open source library of creative components drawn on canvas. Real HTML, rendered inside a canvas element, with WebGL effects running over it. Copy, paste, and ship.
    • UI Colorful - Shadcn UI and Tailwind CSS color theme generator.
    • Shadcn Dashboard - A production-ready shadcn dashboard kit with reusable UI blocks, components, and built-in AI prompts for React, Next.js, TypeScript, Tailwind CSS, and Supabase. Built on Base UI primitives for modern, scalable applications.
    • Lifeline - A timeline component for Next.js that shows milestones over time.
    • Flagcn - Accessible React flag component registry for shadcn ui.

  • Shadcn UI Theme Generator

    • UI Colorful - Shadcn UI and tailwindcss color theme generator.

  • State Management

    • Sponsorship

      • useS - The useS is a modern React hook for efficient local and global state management, offering clean, immutable, and scalable logic with no boilerplate.

      • 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.
Programming Languages
TypeScript 32 JavaScript 5 Go 1
Categories
React UI Library 33 Tailwind CSS 22 Contents <!-- omit in toc --> 21 Icons Library 20 Tools 16 Shadcn UI 14 Next.js boilerplate 13 Authentication and User Management 13 Headless CMS 12 State Management 8 Chrome Extension 7 Next.js blog template 7 Newsletters 6 Documentation 6 Development Tool 5 React Form 5 Officially for Next.js 4 Database 4 VS Code Extensions 4 AI 4 Ready-Made Reactjs Hooks 4 Form Builder 3 Static Search library 3 SEO 3 Utility (Others) 2 Nextjs boilerplate 2 Analytics 2 Bundler 2 Error Handling 2 Animation 2 Officially for Nextjs 1 Blogging 1 Shadcn UI Theme Generator 1
Sub Categories
Sponsorship 13
Keywords
react 20 nextjs 18 typescript 13 tailwindcss 9 javascript 6 reactjs 5 nextjs-template 5 nextjs-boilerplate 4 vercel 4 boilerplate 4 starter-template 4 tailwind 4 shadcn 3 documentation 3 nextjs-blog 3 hooks 3 icons 3 css 3 ui 3 nextjs-starter 3 jamstack 3 react-hooks 2 react-components 2 eslint 2 ui-components 2 next-theme 2 next-js 2 design-system 2 react-native 2 state-management 2 starter-kit 2 cli 2 tailwind-css 2 open-source 2 jsx 2 nextjs-blog-template 2 next 2 svg 2 headless-cms 2 nextjs13 2 js-boilerplate 1 nextra 1 nextra-blog 1 nextra-markdown 1 boilerplate-code 1 universal-components 1 nextra-markdown-blog 1 nextra-theme 1 styled-components 1 javascript-ai 1