Fragment | A modern toolkit for creative coding
Fragment,A modern toolkit for creative coding<br>Fragment lets you sketch, render, and export canvas-based graphics with ease, from quick<br>experiments to production-ready visuals.<br>Get started Try it out ↗
Features<br>Start instantly using built-in templates for Canvas 2D, p5.js, and three.js.<br>Generate live GUI controls directly from your sketch parameters.<br>Reload GLSL shaders on the fly.<br>Attach mouse, keyboard, and MIDI inputs directly from the interface or your code.<br>Organize your creative workspace with flexible window layouts.<br>Export your sketches as images or videos in standard formats.<br>Build static bundles ready for production deployment.
Specifications<br>Fast development and production builds powered by Vite
Interactive command-line interface on top of sade and clack
Video encoding in the browser with Mediabunny
TypeScript support
About<br>Fragment started as an idea in 2017 once I started extending the variety of my practices<br>from web development to real-time graphics and generative art.<br>Over the years, it grew<br>from a personal workflow into a fully fledged environment, designed around sketches, live<br>inputs, and instant exports.<br>I released it publicly in 2022, and I’ve used it on a<br>daily basis ever since.<br>Read the full story
Support<br>If you enjoy using Fragment and want to help it keep growing, consider supporting the<br>project. Even a small contribution helps maintain, improve, and expand it for everyone.<br>Become a sponsor<br>Thank you,<br>Raphaël