HomeExamples3D Demo
GitHub
Examples Overview
Browse through our collection of examples showcasing various features and components.

UIComponents

Core UI components and interactive elements including buttons, tooltips, progress indicators, and more.

Includes examples of:

  • Button
  • Tooltip
  • Progress
  • Form
  • Modal
  • Card

3DGraphics

Three.js powered 3D scenes and interactions with customizable properties and controls.

Includes examples of:

  • Physical Materials
  • Interactive Controls
  • Geometry Morphing
  • Physics

Next.jsFeatures

Examples showcasing Next.js capabilities including API routes, dynamic routing, and server components.

Includes examples of:

  • API Routes
  • Dynamic Routing
  • Server Components
  • Middleware

Data&Forms

Form handling, data management, and state persistence examples with validation and local storage.

Includes examples of:

  • Form Validation
  • Data Selection
  • Local Storage
  • Custom Hooks

Theming

Theme customization examples including dark mode, color system, and gradient utilities.

Includes examples of:

  • Dark Mode
  • Color System
  • Gradients
  • CSS Variables

Next.js Template

A minimal, type-safe template for building modern web applications.

Features

  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Three.js

Links

  • Next.js Documentation
  • Three.js

© 2024 Next.js Template. Built with Next.js, TypeScript, and Three.js.