p5.js Creative Coding Template

A minimal starter template for generative art and creative coding with p5.js, Vite, and TypeScript.

This template is designed to be used with Dyad as a starting point for AI-assisted creative coding projects.

Tech Stack

• p5.js 1.11 — creative coding library
• Vite 6 — fast dev server and bundler
• TypeScript 5.7

Getting Started

npm install
npm run dev

Then open the local URL printed in the terminal.

Scripts

• npm run dev — start the Vite dev server with HMR
• npm run build — type-check and build for production
• npm run build:dev — build without type-checking (faster iteration)
• npm run preview — preview the production build locally

Project Structure

src/
  main.ts        # entry point, p5 instance bootstrap
  sketches/      # individual sketches
  entities/      # reusable visual entities
  utils/         # helpers
public/          # static assets (served at /)

Built With Dyad

This template is part of the official Dyad template collection. Fork it, remix it, or use it as a base for your own creative coding sketches.