Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mint Playground

Open-source Three.js Experiences from Mint Playground.

Every app here was made with Mint MCP as the 3D asset pipeline and Mint Three.js Skills as the coding workflow.

Experiences

Nyx-7 displayed in the Vanguard Protocol combat roster

Vanguard Protocol

A cinematic five-character combat roster with animated fighters and reactive tactical staging.

Three.js · Characters · Animation · Interactive

Code · Live demo

Asterion interceptor displayed in the Helios Form orbital showroom

Helios Form

A luminous orbital-vehicle showroom for inspecting six futuristic craft and their onboard systems.

Three.js · Vehicles · Showroom · Audio

Code · Live demo

Aether humanoid displayed in the Neon Relic editorial gallery

Neon Relic

An interactive poster gallery where four sci-fi relics reshape the typography, lighting, materials, and sound.

Three.js · Editorial · Models · Audio

Code · Live demo

The Observatory issue of the Impossible Places travel magazine

Impossible Places

A cinematic travel magazine spanning five explorable Mint-generated Gaussian-splat worlds.

Three.js · Gaussian Splats · Worlds · Exploration

Code · Live demo

Mint Hoops fieldhouse with a basketball aimed at a lime-trimmed hoop

Mint Hoops

A 60-second arcade basketball score attack with drag-to-shoot controls, combo multipliers, and a three-point finale.

Three.js · Basketball · Arcade · Game

Code · Live demo

A rune sword facing corrupted grove creatures among mossy ruins

Mossbound

A first-person fantasy melee run through five escalating waves of corrupted grove creatures, ending in a showdown with the Thornheart.

Three.js · Fantasy · First-Person · Action Game

Code · Live demo

Jalen Quill basketball card displayed in the Dynasty Index collector vault

Dynasty Index

An immersive collector vault for selecting and inspecting six fictional premium sports trading cards.

Three.js · Sports Cards · Collector · Interactive

Code · Live demo

SF Tennis Atlas showing official public tennis facilities across a stylized 3D map of San Francisco

SF Tennis Atlas

A source-aware 3D atlas for exploring all 64 official San Francisco public tennis facilities.

Three.js · Tennis · Civic Data · Interactive Map

Code · Live demo

Two tube-riding heroes face a three-pirate raft crew in the tropical Reef Rivals arena.

Reef Rivals: Treasure Tide

A three-round tropical projectile battler where tube-riding heroes aim, charge, and outshoot an escalating pirate raft crew.

Three.js · Turn-Based · Projectile · Game

Code · Live demo

The PRISM skin of the CDX-2089 futuristic music player with its illuminated disc and controls.

CDX-2089 Music Player

A skin-adaptive 3D music player with five futuristic disc decks, audio-reactive visuals, and an unfolding dance floor.

Three.js · Music · Audio-Reactive · Interactive

Code · Live demo

Spain celebrates a 2-1 championship victory in a packed open-top stadium.

Final Whistle: Spain vs Argentina

Lead Spain through a 150-second 3D arcade football final against Argentina with passing, tackles, charged shots, and golden-goal drama.

Three.js · Football · Arcade · Sports Game

Code · Live demo

Aerial view of Half Dome Opening, a lime-green putting lane through a rocky Yosemite-inspired landscape

Genesis Grove Putt-Putt

An 18-hole putting round through California-inspired Gaussian splat worlds, with drag-to-aim shots, touch controls, and a running scorecard.

React Three Fiber · SparkJS · Mini Golf · Game

Code · Live demo

A cave kid explores a pastel prehistoric village with stone huts, a bone bridge, trees, tools, and a life-sim HUD.

Boulder Cove

A cozy prehistoric island life game where you gather, fish, catch bugs, plant trees, and help dinosaur neighbors earn your own boulder hut.

Three.js · SparkJS · Life Sim · Game

Code · Live demo

A glowing Sun and dark Mercury frame the Monday mission planner against a deep-space star field.

Orbit Week

A cinematic 3D weekly planner where each day is a planet and every task becomes a mission you can add, complete, and carry through the week.

Three.js · React · Productivity · 3D Planner

Code · Live demo

Jimothy’s Backyard Dash menu showing three racers at the start of a three-lane backyard course.

Jimothy’s Backyard Dash

Guide Jimothy through a fast three-lane backyard race, dodging obstacles, collecting Moon Tokens, and battling two rivals across five streamed worlds.

Three.js · SparkJS · Arcade · Racing Game

Code · Live demo

Common Form showroom with the Everyday Tote and five everyday objects staged beneath warm sculptural lighting.

Common Form

Explore six considered everyday objects in a warm interactive showroom, inspect them in 3D, and build a persistent demo cart.

Three.js · Next.js · E-commerce · 3D Showroom

Code · Live demo

Room Ritual apartment configurator with a furniture catalog, measured 3D room plan, and product inspector.

Room Ritual

Arrange six statement furniture pieces in a soft-brutalist loft, customize finishes and lighting, and save, compare, or cart room plans.

Three.js · React · Configurator · Interior Design

Code · Live demo

Sole Archive showing the Sublevel Zero sneaker in a dark acid-green configurator with product controls.

Sole Archive

Inspect and configure six fictional sneakers in an underground boutique with exploded materials, comparison, wishlist, sizing, and a persistent demo cart.

Three.js · Next.js · Configurator · E-commerce

Code · Live demo

Seatline NYC showing a selected seat beside the 3D auditorium sightline and booking controls.

Seatline NYC

Choose a New York theater, showtime, and seat, then preview the 3D screen angle and sightline before opening the venue’s live listing.

Three.js · Next.js · Seat Preview · Ticketing

Code · Live demo

Water Tribe and Fire Nation sculptures face each other across an ornate icy chessboard.

Elemental Chess

Choose Water, Earth, Fire, or Air, face a rival, and play a complete cinematic 3D chess match in a Mint-authored elemental world.

Next.js · Three.js · Chess · Strategy

Code · Live demo

A dark memory observatory with warm connected stars, orbital trails, and the heading Where, when, and who we remember.

Memory Constellation

Capture private memories locally, explore their connections as a 3D constellation, and revisit every moment in an accessible timeline.

Next.js · Three.js · Local-First · Memory Archive

Code · Live demo

A stylized rider bounces on a pogo stick over yellow and coral cars on a colorful city street.

Pogo Man

Charge double jumps to clear city traffic, build combos, and chase a high score in a one-button 3D arcade run.

Vinext · Three.js · Arcade · Runner

Code · Live demo

Editorial robot storefront featuring the orange-and-white Sunday Memo robot surrounded by technical callouts and a carousel of robot models.

Future Form: Robot Store

Explore an editorial 3D archive of 15 humanoid robots, orbit each digital twin, and compare their capabilities.

three.js · robots · catalog · interactive

Code · Live demo

A snowboarder carves through a bright alpine course as the HUD tracks closing polar bear and Yeti pursuers.

Breakline

Carve a 1.8 km mountain, chain tricks and grinds, and stay ahead of a Yeti and polar bear in a third-person arcade snowboarding chase.

Three.js · Snowboarding · Arcade · Sports Game · Rapier

Code · Live demo

A warm storybook miniature farm with a barn, farmhouse, fenced fields, hay bales, and a water trough.

Four Fields

Harvest corn, potatoes, tomatoes, and strawberries across four timed plots in a warm storybook miniature farm.

React · Three.js · Farming · Arcade

Code · Live demo

A daytime miniature financial city with active streets, civic buildings, parks, and dense Metropolitan Ledger architecture.

Financial City

Shape a private monthly budget and watch traffic, civic services, construction pressure, and forty city blocks respond in a living miniature metropolis.

Next.js · Three.js · Personal Finance · Simulation · Data Visualization

Code · Live demo

A warm editorial 3D bookshelf with colorful procedural hardcovers arranged above a walnut shelf.

The Complete Shelf

Browse nineteen procedural hardcovers on a continuous 3D shelf, then pull any volume forward to orbit, zoom, and inspect its editorial details.

Three.js · Books · Editorial · Interaction · Showcase

Code · Live demo

Two colorful fighters battle on a floating three-platform arena above waterfalls and distant sky islands.

Kirby Smash

Battle across three floating arenas in a 2.5D platform fighter with four selectable combatants, local two-player or CPU matches, percent damage, stocks, and Smash-style knockback.

Three.js · Platform Fighter · Local Multiplayer · Combat · Arcade

Code · Live demo

Run locally

Install the workspace and start any Experience by its directory name:

pnpm install
pnpm --dir experiences/vanguard-protocol dev

Build every Experience with pnpm build.

License

The source code is available under the MIT License. Mint-generated runtime assets are loaded from Mint CDN and are not redistributed in this repository.

About

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

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages