Fluidframe

Browser-based visual studio built with Next.js, WebGL/GLSL, and FFmpeg.wasm. Create 3D device mockups, fluid shader gradients, and retro dithering; export 4K graphics and 60fps video directly in your browser.

LANG TypeScript★ 5HOSTED ON FLUIDFRAME.VERCEL.APPUPDATED 26 Sep 2026

• #client-side
• #creative-coding
• #dithering
• #ffmpeg-wasm
• #generative-art-toolkit
• #glsl
• #graphics-editor
• #mockup-generator
• #nextjs
• #typescript

More like this

• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• gitstrata Turn public GitHub history into a unique rare stone with glowing mineral veins, repository fossils, interactive excavation, and shareable generative…
• Metallica A holographic AI assistant interface rendered in real-time WebGL — pulsing FRIDAY-style core, GPU particles, spatial HUD and 10 spec-driven 3D data…
• interactive 3d product showcase An interactive 3D web experience built with React Three Fiber, Blender assets, and real-time rendering techniques to demonstrate product…
• N0 filtr Studio site for a studio of one — Next.js 15, GSAP and Three.js. A WebGL brand mark, a Matter.js block pit, simulated wire ropes you can drag, and a…