🎨 creative-experiments

creative-experiments is a personal playground for creative coding. It hosts a collection of visual sketches, shader explorations, and UX/UI interaction prototypes using modern web technologies.

This project merges generative art, visual experiments, and interface design.

🚀 Getting Started

The project uses Storybook to showcase and test visual scenes.

Prerequisites

• pnpm

Install dependencies

pnpm install

Run Storybook in development

pnpm dev

Build Storybook for production

pnpm build

Other commands

• Format code:

  pnpm format

• Lint:

  pnpm lint

🧰 Tech Stack

• Vite
• React
• Three.js
• Shader Park
• p5.js
• GSAP
• Storybook
• Tailwind CSS
• TypeScript, ESLint, Prettier

📁 Project Structure

src/
  three/
    └── ...
  p5/
    └── ...
  gsap/
    └── ...
  types/
  utils/

🧩 Custom Shader Park Plugin

This project includes a custom Vite plugin (sp-code-vite-plugin.ts) to parse .sp files and convert them into usable GLSL for Three.js.

🪪 License

MIT © Guillaume Catel