mintdotgg/mint-playground

Open-source Three.js experiences built with Mint MCP and Mint Three.js Skills

What it solves

It provides a collection of open-source 3D web experiences to demonstrate the capabilities of the Mint MCP asset pipeline and Mint Three.js Skills coding workflow.

How it works

The project consists of a variety of Three.js-based applications, ranging from interactive showrooms and games to data visualizations and productivity tools. These experiences utilize 3D assets and coding patterns developed through the Mint ecosystem to create high-fidelity, interactive environments in the browser.

Who it’s for

Developers and designers interested in building immersive 3D web experiences using Three.js, React Three Fiber, and modern asset pipelines.

Highlights

  • Diverse Experience Types: Includes arcade games (basketball, snowboarding, football), life simulations (prehistoric island, farming), and interactive showrooms (sneakers, furniture, robots).
  • Advanced Visuals: Features Gaussian-splat worlds for exploration and mini-golf, and audio-reactive visuals for a 3D music player.
  • Practical Applications: Demonstrates 3D implementations for e-commerce configurators, a civic data atlas for San Francisco tennis facilities, and a personal finance simulation.
  • Productivity Tools: Includes a 3D weekly planner and a local-first memory archive constellation.

Related

  • Project
    PhiloLabs/fable51-worlds

    A system that uses AI agent swarms to generate walkable 3D worlds from text, images, or video, rendering them as browser-based Three.js applications.

  • Project
    scottstts/Threejs-Awesome-Graphics-Agent-Skills

    Threejs‑Awesome‑Graphics‑Agent‑Skills is an npm package that bundles ready‑to‑use, high‑quality Three.js code snippets (called “skills”) for advanced visual effects—procedural materials, realistic oceans, volumetric clouds, ray‑marched space scenes, and more. It installs these snippets into the directory layout expected by AI coding assistants (Codex, Claude Code, Cursor, etc.), letting the agents copy‑paste proven implementations when a user asks for “awesome graphics”. The repo includes an example gallery, validation scripts, and a deterministic capture pipeline, making it a practical resource for developers and AI‑augmented workflows.

  • Project
    HRuiCcc/RuiC-card-skill

    An automated pipeline that transforms text or images into interactive 3D holographic cards with depth and shimmer, delivering both a web viewer and an editable Blender project.

  • Project
    huggingface/gsplat.js

    A JavaScript library for rendering 3D Gaussian Splatting data in the browser, providing a high-level API similar to three.js.

  • Project
    sparkjsdev/spark

    Spark is an open‑source, MIT‑licensed library that adds real‑time 3‑D Gaussian‑splatting rendering to THREE.js. It works on almost any WebGL2‑capable device, supports many splat file formats, and provides dynamic editing, multi‑view rendering, and a shader‑graph system. Install via CDN or npm, or build locally (Rust → WASM). Created by World Labs.