Project overview
Shader Studio is a browser-based tool that applies real-time animated shaders to your text and images. Customize colors, blur, and speed, then export as a GIF or PNG.
Challenges
Moving to mobile meant rethinking the layout from scratch — the desktop's fixed side panel was replaced with a tabbed split-screen that keeps the canvas always in view.
Results
Users can render animated shader effects on custom text or uploaded images in real time, with full control over typography, color palette, blur, and speed. GIF export produces looping animations directly from the canvas, and PNG export captures a single frame.
Project overview
Shader Studio is a browser-based tool that applies real-time animated shaders to your text and images. Customize colors, blur, and speed, then export as a GIF or PNG.
Challenges
Moving to mobile meant rethinking the layout from scratch — the desktop's fixed side panel was replaced with a tabbed split-screen that keeps the canvas always in view.
Results
Users can render animated shader effects on custom text or uploaded images in real time, with full control over typography, color palette, blur, and speed. GIF export produces looping animations directly from the canvas, and PNG export captures a single frame.