pmndrs/react-three-next resource

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2862 stars · 403 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A minimalist starter template combining Next.js, React Three Fiber, and Three.js for building 3D web applications. It provides a persistent canvas across page navigations, synchronized DOM/3D rendering via the View component, GLSL imports, Tailwind styling, and PWA support.

Use cases

• start a Next.js project with React Three Fiber and Three.js
• build a 3D website with multiple WebGL views on one canvas
• create a performant 3D landing page with high Lighthouse scores
• scaffold a React 3D app with Tailwind or styled-components
• render 3D components inside any DOM element while navigating pages
• set up a PWA with WebGL 3D content
• import GLSL shaders in a Next.js project

When to choose

• you want a ready-made, optimized Next.js + react-three-fiber setup
• you need multiple 3D views sharing a single performant canvas
• you want a persistent canvas that survives client-side navigation
• you value a minimal, well-architected starter with strong performance metrics

When to avoid

• you are not using Next.js or React
• you need a full 3D game engine rather than a web starter
• you prefer a different styling solution than Tailwind or styled-components
• you need server-side rendering of 3D content

Facets

learning-resource · maturity active

web-framework graphics frontend-framework templating web-development frontend graphics browser react-three-fiber threejs nextjs starter-template webgl tailwind 3d-web create-r3f-app tunnel-rat pwa boilerplate game-development nodejs web-server javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="pmndrs/react-three-next")