Skip to content
  • 2026
  • Founder · Solo Production
  • CraftedKit (own studio)

CraftedKit

Overview

15+ Hero-Grade WebGL Experiences for an Interactive Web Studio

CraftedKit is the interactive web studio I run — shipping production-ready WebGL hero experiences for brands, studios, and product teams. The catalog spans Three.js scenes, custom GLSL shaders, and motion systems, every piece scoped to drop straight into a real codebase.

  • Three.js / R3F
  • GLSL Shaders
  • Custom Materials
  • Next.js
  • TypeScript
  • WebGL
Visit live ↗︎
01

The Brief

A studio for high-craft web

I wanted a studio that ships the kind of work I'd want to make myself — interactive web experiences with real depth: Three.js, custom shaders, motion systems, and the engineering underneath that makes them production-ready. The output is the proof. Brands, studios, and product teams pick from a catalog that's already built to ship.

Hero Showcase

02

The catalog

Organic Living Material

The output

15+ WebGL hero experiences live in the catalog, with more in production. Ferrofluid typography. Volumetric god rays. Particle fields. Reaction-diffusion. Each one is a real R3F component with proper resource disposal and responsive fallbacks.

Mechanical Heart
Mycelium network
Reaction-diffusion field

Engineering Rigor

03

Built to ship

Production-ready by default

Every hero in the catalog is a real R3F component, not a demo. Resource disposal, responsive fallbacks, motion budgets, and a defined perf envelope. They drop into a Next.js codebase the same way any other component does. Built solo, AI-augmented production where it speeds the craft — never replaces it.

04

What shipped

The studio in one line

A live studio site, a growing hero catalog, and a real production rhythm — solo, end to end. Hire the studio for a hero, hire me for the engineering.