# React and Next.js

> Search results for `React and Next.js` on awesome-repositories.com. 117 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/react-and-next-js

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/react-and-next-js).**

## Results

- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [ixartz/next-js-boilerplate](https://awesome-repositories.com/repository/ixartz-next-js-boilerplate.md) (12,982 ⭐) — This project is a production-ready starter template for building web applications with the React framework. It provides a structured environment that enforces type safety and consistent coding standards across the entire application stack using TypeScript.

The boilerplate distinguishes itself by integrating pre-configured modules for authentication, database management, and internationalization. It includes built-in support for managing user sessions, performing type-safe database operations, and localizing interface content into multiple languages to support a global user base.

The project
- [pacocoursey/next-themes](https://awesome-repositories.com/repository/pacocoursey-next-themes.md) (6,296 ⭐) — next-themes is a TypeScript library that provides a simple, hook-based approach to managing themes in Next.js applications. It offers a straightforward way to implement light and dark mode toggling, along with support for system preference detection and custom themes.

The library handles the complexities of theme persistence, hydration, and flash prevention, ensuring a smooth user experience across page loads and navigation. It integrates seamlessly with Next.js's server-side rendering and static generation capabilities, making it a practical choice for developers looking to add theme switchi
- [trpc/trpc](https://awesome-repositories.com/repository/trpc-trpc.md) (40,348 ⭐) — This project is an end-to-end type-safe API framework designed to synchronize data structures between frontend and backend codebases without the need for manual code generation. By leveraging TypeScript’s type inference, it allows developers to invoke server-side functions directly from the client as if they were local methods. This remote procedure call approach abstracts away the complexities of HTTP verbs and URL structures, streamlining the full-stack development workflow into a unified experience.

The framework distinguishes itself through a modular router architecture that organizes bac
- [buttercms/react-cms-blog-with-next-js](https://awesome-repositories.com/repository/buttercms-react-cms-blog-with-next-js.md) (145 ⭐) — Next.js + React CMS-powered blog and marketing site powered by ButterCMS
- [rybbit-io/rybbit](https://awesome-repositories.com/repository/rybbit-io-rybbit.md) (12,297 ⭐) — Rybbit is an open-source, self-hosted web analytics platform designed for comprehensive user behavior tracking and product engagement analysis. It provides a complete suite for monitoring visitor interactions, conversion funnels, and site performance, allowing organizations to maintain full ownership of their data and infrastructure.

The platform distinguishes itself through a strong emphasis on privacy-compliant data collection and visual session replay capabilities. It supports advanced traffic routing through custom domains to bypass ad blockers and includes configurable masking tools to p
- [marmelab/react-admin](https://awesome-repositories.com/repository/marmelab-react-admin.md) (26,780 ⭐) — React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically.

The project distinguishes itself thr
- [nextlevelbuilder/ui-ux-pro-max-skill](https://awesome-repositories.com/repository/nextlevelbuilder-ui-ux-pro-max-skill.md) (92,396 ⭐) — This project is a generative development environment designed to build reactive, modular user interfaces through natural language prompts. It functions as a declarative framework that translates descriptive requirements into functional code, structured layouts, and interactive components. By utilizing a reactive state architecture, the system ensures that application data remains synchronized across components, triggering automatic updates whenever state values are modified.

The platform distinguishes itself through its automated design system generation and cross-platform capabilities. It em
- [zeit/next.js](https://awesome-repositories.com/repository/zeit-next-js.md) (140,086 ⭐) — Next.js is a full stack web framework designed for building applications with React. It functions as a React web framework that integrates a server-side rendering engine, a static site generator, and a dedicated application router to manage page-based navigation and dynamic URL segments.

The framework enables the development of both frontend user interfaces and backend server logic within a single codebase. It provides a unified environment for full stack web development, allowing frontend and backend components to be built and managed together.

The system focuses on frontend performance opt
- [vercel/next.js](https://awesome-repositories.com/repository/vercel-next-js.md) (140,051 ⭐) — Next.js is a web development framework that provides a file-system-based routing system and a suite of server-side utilities for managing the request-response cycle. It includes built-in support for data fetching, caching, and revalidation, allowing developers to control how content is rendered and served. The framework offers a centralized configuration system for build-time settings, environment variables, and deployment adapters, alongside a command-line interface for bootstrapping new projects.

The framework covers a wide range of application requirements, including metadata management fo
- [huggingface/transformers.js](https://awesome-repositories.com/repository/huggingface-transformers-js.md) (15,420 ⭐) — This library is a web-native engine designed to execute pretrained machine learning models directly within the browser. It functions as a client-side inference framework, enabling developers to run complex neural networks for natural language processing, computer vision, and audio tasks without requiring a backend server or external API calls.

The framework distinguishes itself by providing a unified pipeline-based abstraction that handles the entire lifecycle of model execution. It manages the dynamic retrieval of model weights and configurations from remote registries, while simultaneously
- [shadcn/taxonomy](https://awesome-repositories.com/repository/shadcn-taxonomy.md) (19,251 ⭐) — Taxonomy is a SaaS boilerplate and Next.js application template designed for building subscription-based web applications. It provides a foundational architecture implemented as a TypeScript web framework, utilizing server components and app-router file routing.

The project serves as a comprehensive starter for software-as-a-service products, combining user authentication workflows with recurring subscription billing. It further functions as a markdown content site, enabling the creation of blogs or documentation through markdown-to-HTML rendering.

The codebase integrates several core capabi
- [adrianhajdin/project_3d_developer_portfolio](https://awesome-repositories.com/repository/adrianhajdin-project-3d-developer-portfolio.md) (7,078 ⭐) — This project is a three-dimensional developer portfolio template and web application. It uses Three.js to render interactive 3D models, animations, and environmental effects directly within the browser to create an immersive professional showcase.

The application integrates artificial intelligence to provide automated responses to visitor inquiries and includes a community forum where authenticated users can share knowledge. It also features a system for generating personalized learning roadmaps based on user profile data and an algorithmic content recommendation system to improve post discov
- [9d8dev/next-wp](https://awesome-repositories.com/repository/9d8dev-next-wp.md) (1,264 ⭐) — Headless WordPress built with the Next.js App Router and React Server Components
- [vercel-labs/ai-chatbot](https://awesome-repositories.com/repository/vercel-labs-ai-chatbot.md) (20,501 ⭐) — This is a full-featured chatbot framework and Next.js web application designed for integrating various large language model providers into a web interface. It serves as a template for building AI chatbots that can generate text and structured data through a unified interface.

The project functions as an authenticated AI application, incorporating built-in user identity verification and session management. It includes a suite for AI tool integration, allowing language models to execute tool calls and generate structured objects by connecting to external data and functions.

The framework provi
- [unicodeveloper/awesome-nextjs](https://awesome-repositories.com/repository/unicodeveloper-awesome-nextjs.md) (11,041 ⭐) — This project is a community-curated directory serving as a central hub for resources related to the Next.js framework. It provides a structured collection of learning materials, starter templates, and third-party extensions designed to assist developers in building and maintaining web applications.

The repository distinguishes itself through a community-driven contribution model, where developers maintain and update the collection via version-controlled pull requests. This collaborative approach ensures the directory remains an organized taxonomy of real-world examples, architectural patterns
- [mastra-ai/mastra](https://awesome-repositories.com/repository/mastra-ai-mastra.md) (21,221 ⭐) — Mastra is an orchestration framework designed for building, deploying, and managing autonomous AI agents and multi-agent systems. It provides a comprehensive suite of primitives for creating resilient AI applications, including durable workflow orchestration, event-driven agent loops, and semantic memory management. By integrating these core components, the platform enables developers to build complex, multi-step processes that can reason about goals and execute tasks without manual intervention.

The framework distinguishes itself through its focus on observability and secure, isolated execut
- [nexts/clusterize.js](https://awesome-repositories.com/repository/nexts-clusterize-js.md) (7,273 ⭐) — Clusterize.js is a vanilla JavaScript virtual list library and DOM virtualization tool. It enables the display of massive data sets by rendering only the subset of rows currently visible within the user viewport.

The plugin operates as a lightweight frontend component without external dependencies or framework requirements. It reduces browser memory usage and DOM load by swapping the content of existing elements rather than rendering thousands of nodes simultaneously.

The library focuses on frontend performance optimization and large dataset visualization. It maintains a native scrolling exp
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [react-next-boilerplate/react-next-boilerplate](https://awesome-repositories.com/repository/react-next-boilerplate-react-next-boilerplate.md) (362 ⭐) — :rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.
- [al1abb/invoify](https://awesome-repositories.com/repository/al1abb-invoify.md) (6,303 ⭐) — An invoice generator app built using Next.js, Typescript, and Shadcn
- [electric-sql/electric](https://awesome-repositories.com/repository/electric-sql-electric.md) (9,909 ⭐) — Electric is a Postgres data synchronization engine and replication proxy designed to enable local-first software. It replicates data from Postgres databases to client-side stores in real time using logical replication, allowing applications to maintain a local embedded database for offline access and low-latency updates.

The system distinguishes itself by using shapes to filter and authorize specific subsets of database rows and columns before streaming them to clients or edge workers. It further supports multi-user collaboration by integrating a conflict-free replicated data type framework t
- [notionnext-org/notionnext](https://awesome-repositories.com/repository/notionnext-org-notionnext.md) (11,580 ⭐) — NotionNext is a static site generator and blog engine that transforms Notion workspace pages into public websites. It functions as a cloud-deployed content management system using the Next.js framework to render data fetched from the Notion API.

The system utilizes a template-based layout system to map page categories to predefined visual themes. This allows for the creation of portfolios and blogs where the visual appearance is separated from the content structure.

The platform includes automated search engine optimization through metadata-driven sitemap and HTML tag generation. It supports
- [nobruf/shadcn-next-workflows](https://awesome-repositories.com/repository/nobruf-shadcn-next-workflows.md) (299 ⭐) — Interactive workflow builder using React Flows, Next.js, and Shadcnui. Create, connect, and validate custom nodes easily.
- [catchchat/yep](https://awesome-repositories.com/repository/catchchat-yep.md) (5,876 ⭐) — Meet Genius
- [fridays/next-routes](https://awesome-repositories.com/repository/fridays-next-routes.md) (2,462 ⭐) — Universal dynamic routes for Next.js
- [facebook/react-native](https://awesome-repositories.com/repository/facebook-react-native.md) (126,019 ⭐) — This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering.

The framework distinguishes itself through a robust bridge architecture
- [mustansirzia/next-express-bootstrap-boilerplate](https://awesome-repositories.com/repository/mustansirzia-next-express-bootstrap-boilerplate.md) (112 ⭐) — :zap: JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
- [t3-oss/create-t3-app](https://awesome-repositories.com/repository/t3-oss-create-t3-app.md) (28,983 ⭐) — create-t3-app is a full stack web framework initializer and project scaffolder. It functions as a command line tool for initializing Next.js applications, acting as a TypeScript full stack starter that generates a predefined folder structure and configuration files.

The tool focuses on establishing a typesafe full stack architecture. It enforces end-to-end type safety between the client and server, ensuring that data types remain synchronized across the entire application stack to prevent runtime errors.

The initializer automates the setup of a full stack development environment by bootstrap
- [nextjs/saas-starter](https://awesome-repositories.com/repository/nextjs-saas-starter.md) (15,906 ⭐) — This project is a production-ready boilerplate designed for building subscription-based web applications. It provides a foundational framework for managing user identity, persistent relational data, and recurring billing cycles within a unified development environment.

The platform distinguishes itself by integrating secure authentication workflows with automated subscription management. It utilizes a schema-first approach to database interactions, ensuring data consistency through type-safe queries and versioned migrations. By incorporating native support for payment provider APIs, the syste
- [idurar/starter-advanced-graphql-crud-next-js-mongodb](https://awesome-repositories.com/repository/idurar-starter-advanced-graphql-crud-next-js-mongodb.md) (31 ⭐) — Advanced Starter GraphQL Next js Crud Mongodb
- [garmeeh/next-seo](https://awesome-repositories.com/repository/garmeeh-next-seo.md) (8,298 ⭐) — next-seo is a search engine optimization toolkit and component library for Next.js. It provides a set of React components and utilities for managing page titles, descriptions, and social media tags to improve how web pages are indexed and displayed.

The project functions as a structured data manager and JSON-LD schema generator. It transforms entity data into standardized schema properties for articles, products, and organizations, enabling the implementation of rich snippets in search engine results.

The toolkit covers a broad range of metadata management, including business identity mappin
- [ant-design/ant-design](https://awesome-repositories.com/repository/ant-design-ant-design.md) (98,362 ⭐) — Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects.

The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
- [react-navigation/react-navigation](https://awesome-repositories.com/repository/react-navigation-react-navigation.md) (24,405 ⭐)
- [codecoolture/next-joi](https://awesome-repositories.com/repository/codecoolture-next-joi.md) (109 ⭐) — Validate NEXT.js API Routes with joi
- [shadcn-ui/taxonomy](https://awesome-repositories.com/repository/shadcn-ui-taxonomy.md) (19,248 ⭐) — Taxonomy is a full-stack application template and reference implementation built with the Next.js app router. It serves as a comprehensive starter for developing web applications using server components and modern React patterns.

The project integrates a variety of specialized systems, including an identity management workflow for OAuth and session handling, and a billing system for managing recurring subscriptions and payment events. It also features a content pipeline that transforms Markdown and JSX files into type-safe data collections for rendering blogs and documentation.

The architect
- [ixartz/saas-boilerplate](https://awesome-repositories.com/repository/ixartz-saas-boilerplate.md) (6,838 ⭐) — This project is a comprehensive starter kit for building subscription-based web applications using Next.js and TypeScript. It provides a structural foundation for developing software-as-a-service platforms, incorporating integrated user authentication, payment tiers, and multi-tenant organization management.

The framework distinguishes itself with a dedicated multi-tenant application architecture that organizes users into teams and organizations with workspace switching. It includes a built-in monetization layer via Stripe subscription integration for managing pricing tiers and billing cycles
- [onready/next-pkg](https://awesome-repositories.com/repository/onready-next-pkg.md) (66 ⭐) — Extended Next.js server with pkg support
- [yuribrunetto/next-starter](https://awesome-repositories.com/repository/yuribrunetto-next-starter.md) (27 ⭐) — 🚀 boilerplate for starting projects in next.js
- [hakimel/reveal.js](https://awesome-repositories.com/repository/hakimel-reveal-js.md) (71,731 ⭐) — This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content.

The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event
- [mckaywrigley/chatbot-ui](https://awesome-repositories.com/repository/mckaywrigley-chatbot-ui.md) (33,269 ⭐) — Chatbot-ui is a self-hosted AI dashboard and LLM chat interface that serves as a centralized hub for interacting with multiple artificial intelligence providers. It functions as a multi-provider AI client and model orchestrator, allowing users to send prompts and receive responses from various large language models through a unified conversational interface.

The project enables multi-model AI chat within a single workspace, allowing for the comparison of outputs and capabilities across different backends. It provides a private frontend for AI workspace management, where users can organize cha
- [dilanx/craco](https://awesome-repositories.com/repository/dilanx-craco.md) (7,429 ⭐) — Craco is a configuration layer for Create React App that modifies Webpack and Jest settings without requiring the project to eject. It functions as a build tool plugin system and configuration manager, allowing for the injection of custom settings and third-party logic into the frontend build pipeline.

The project utilizes a hook-based architecture and non-destructive configuration merging to override default settings. This allows for Webpack configuration overrides and Jest configuration tuning while maintaining the original source files.

The system covers a broad range of build pipeline ex
- [hoangvvo/next-session](https://awesome-repositories.com/repository/hoangvvo-next-session.md) (358 ⭐) — Simple promise-based session middleware for Next.js, micro, Express, and more
- [retejs/rete](https://awesome-repositories.com/repository/retejs-rete.md) (12,077 ⭐) — Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries.

The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
- [hoangvvo/next-connect](https://awesome-repositories.com/repository/hoangvvo-next-connect.md) (1,655 ⭐) — The TypeScript-ready, minimal router and middleware layer for Next.js, Micro, Vercel, or Node.js http/http2
- [okonet/react-dropzone](https://awesome-repositories.com/repository/okonet-react-dropzone.md) (10,985 ⭐) — react-dropzone is a reusable React UI component for implementing HTML5 drag-and-drop file transfers. It provides a React file upload component that manages file selection and drop zone states within a web application.

The project enables the creation of interactive file upload interfaces where users can drag files from their local system or select them via a file browser. It integrates with the native system file picker dialog and supports the File System Access API.
- [better-auth/better-auth](https://awesome-repositories.com/repository/better-auth-better-auth.md) (28,736 ⭐) — This project is a modular authentication framework designed to manage user identity, session tracking, and access control across web applications. It provides a unified solution for handling email-based credentials and social identity federation, allowing developers to implement secure login and registration flows that maintain consistent user states across client and server environments.

The system utilizes a plugin-based architecture and middleware-driven request interception to allow for the extension of core authentication logic. It features type-safe schema generation, which derives data
- [typescript-cheatsheets/react](https://awesome-repositories.com/repository/typescript-cheatsheets-react.md) (47,074 ⭐) — This project is a collection of technical reference guides and cheatsheets for implementing static typing patterns with TypeScript in React. It serves as a comprehensive typing guide for applying static types to components, hooks, and state management.

The resource provides specific patterns for defining component properties, reference handles, and generic types. It includes detailed signatures for handling synthetic events, form submissions, and the creation of typed custom hooks using tuple assertions.

The documentation covers a broad range of capability areas, including state management v
- [qwikdev/partytown](https://awesome-repositories.com/repository/qwikdev-partytown.md) (13,706 ⭐) — Partytown is a library designed to offload resource-intensive third-party scripts to background web workers. By executing these scripts outside of the main thread, it prevents them from blocking the critical rendering path, thereby maintaining a responsive user interface and improving overall page load performance.

The project functions as a web worker proxy library that synchronizes browser interfaces between the main thread and background environments. It uses proxy-based access and synchronous messaging to replicate global objects like the window and document, allowing scripts to interact
- [suevalov/next-blog-firestore](https://awesome-repositories.com/repository/suevalov-next-blog-firestore.md) (269 ⭐) — Example of blog built with React, Next.js, Firebase Firestore, Styled-Component, Mobx State Tree and other cool technologies