App bases to launch your next product faster

Production-ready foundations for full applications — built for AI-first development so you can design, build, and ship faster than ever.

Browse App Bases

2D Game Boilerplate

2D Game Base

Live Preview

About

A best-in-class TypeScript boilerplate for shipping high-quality 2D HTML5 games — built on PixiJS, Rapier physics, Howler audio, and tween.js — so you can build at the speed of thought with AI, ship a polished game, and rank #1 on Google.

Get Pro App Base

Features

  • 🚀 PixiJS 8 — industry-standard WebGL/WebGPU 2D renderer with native high-DPI support
  • ⚛️ Rapier 2D physics — Rust → WASM, deterministic, blazing fast
  • 🔊 Howler.js audio with Web Audio + HTML5 fallback
  • 🌀 tween.js for smooth animations
  • 🎯 Responsive scene system that adapts to any viewport, including live window resize
  • 🧩 Modular architecture — `core/`, `scenes/`, `systems/`, `objects/`, `ui/` separation
  • 📱 PWA-ready with service worker, manifest, and offline support
  • 🔍 SEO and AI optimized with meta tags, Open Graph, Twitter cards, and JSON-LD `VideoGame` schema
  • 🤖 AI-friendly codebase structure with TypeScript strict mode
  • ⚡ Vite for instant hot reload and lightning-fast production builds
  • 🛡️ Type-safe end-to-end with `strict: true`
  • 🎮 Placeholder mini-game included so the project runs out of the box

The technology

Every dependency is battle-tested in production and chosen for stability, performance, and long-term maintainability.

  • PixiJS v8.5.1
  • Rapier 2D v0.14.0
  • Howler.js v2.2.4
  • tween.js v25.0.0
See Files

2D/3D Floor Planner Boilerplate

2D/3D Floor Planner

Live Preview

About

A best-in-class TypeScript boilerplate for designing interior floor plans with matched 2D and 3D views of the same scene — built on React, Three.js, Zustand, and Zod — so you can build at the speed of thought with AI, ship an accurate planner, and rank #1 on Google.

Get Pro App Base

Features

  • 🧱 One typed scene, two views — a single source-of-truth JSON scene drives both the 2D plan and the 3D model, so they can never drift
  • 🪚 Cabinet CAD → CNC cut files — a standalone `/cad/` workspace turns one typed cabinet definition into a 3D drawing, CNC-ready DXF cut sheets, and GRBL G-code for every board, all derived from the same data
  • 🧭 Multi-page app — a built-in page menu hops between the Floor Plan and the Cabinet CAD workspace; Vite bundles both pages in one build
  • 📐 Precise dimensions — all linear values stored in inches; imperial (`ft / in`) display by default with an `in` toggle
  • ⚛️ React 18 + TypeScript with strict typing end-to-end
  • 🧊 Three.js via `@react-three/fiber` + `@react-three/drei` for the 3D view
  • ✏️ Plain SVG 2D floor plan — crisp at any zoom, fully measured
  • 🗂️ Edit one file — describe your whole space in `src/design/home.ts`; an edge/bounds authoring DSL keeps the math out of your way
  • 🛡️ Zod-validated scene contract — bad layouts surface as clear errors instead of broken renders
  • 🎯 Click-to-select any wall, opening, room, or fixture in either view, with a shared tooltip showing labels and dimensions
  • 🧭 Live compass that stays north-up in 2D and tracks the camera in 3D
  • 🤖 AI-friendly codebase structure with TypeScript strict mode

The technology

Every dependency is battle-tested in production and chosen for stability, performance, and long-term maintainability.

  • React v18.3
  • Three.js v0.169
  • @react-three/fiber v8.17
  • @react-three/drei v9.114
  • Zustand v5.0
  • Zod v3.23
See Files