Most visual effects tools want you to install their SDK or runtime on your production site. Your work lives on their servers, rendered by their player. If they change pricing or shut down, your effects go with them. I'm Dexter. I built Refract to fix that. It's a visual compositor for devs and designers who want GPU-powered effects on their sites without the baggage. The core idea: every scene exports as a single HTML file. No SDK, no npm package, no build step. Download it, host it yourself, and it runs independently. The rendering engine and all your shader code ship inline. **What you can build:** Layer shaders, 3D objects, effects, images, and animated text into one scene. 50+ shader presets, full PBR materials, custom GLSL, and post-processing. Blend modes, opacity, masking. Fill any SVG with a live shader. Compose effects the way you compose layers in a design tool. Add scroll triggers, hover events, click interactions, and appear animations per layer. **AI that actually builds:** Open the AI panel and describe what you want. It composes layers in the real compositor, not a code sandbox. Or connect via MCP (19 tools) from Claude, Cursor, or any AI client. It reads your scenes, swaps layers, adjusts materials, and deploys live embeds through conversation. AI features are included with Pro Plus. **3D without the learning curve.** 15 primitive shapes with full PBR materials: transmission, roughness, IOR, dispersion. Import any SVG and extrude it into 3D. Mouse tracking and scroll animations built in. No Blender needed. **Works everywhere.** Paste the export in Webflow, Framer, Next.js, Squarespace, or plain HTML. Nothing to install on your site. Free tier, all core features, no credit card. If you try one thing, layer a shader on top of a 3D object, wrap it, and export it. Takes 30 seconds. I'd love to know what you'd build with it.

Refract

Build interactive scenes. Export one file. No runtime.

Build interactive scenes. Export one file. No runtime.