Hey, I'm Artem.
This is my shop.
Product designer, shipping small tools for other designers. Everything here is a straight download, no account required.
Contour Field Shader
Description Contour Field Shader draws map-style iso-lines across any frame using a WebGL2 fragment shader. The terrain is a slowly flowing, domain-warped…
Chroma Ripple
Description ChromaRipple is a WebGL shader that ripples an image, or an animated gradient if no image is set, with a chromatic-aberration (RGB color-channel…
Prism Flow
About PrismFlow is a GLSL shader background for Framer that renders a domain-warped noise field through a color ramp you pick, giving you a liquid, iridescent…
Dither Ultra
About DitherField is a real-time dithering and halftone shader background for Framer, built with raw WebGL and GLSL. Instead of a single locked-in visual, it…
Kaleidoscope Shader
Kaleidoscope Shader is a WebGL background component for Framer that mirrors a pattern through an adjustable number of segments to create a live, symmetrical…
Prism Drift
PrismDrift is a WebGL shader component for Framer that turns any image into a reactive surface. Instead of a flat hover crossfade, it splits the image's red,…
Liquid Lens
LiquidLens is a WebGL shader component that turns any image — or, with no image at all, a generated two-color gradient — into an interactive liquid-glass…
Aurora Flow Shader
AuroraFlowShader is a WebGL gradient background that blends 2-4 of your own colors through a domain-warped flow field, so it drifts and shifts like an aurora…
Grain Field
GrainField is a live WebGL shader texture you drop over any layer — a hero image, a video, a whole section — to add grain, static, halftone dot, or…
Liquid Glass Refraction
Most shader backgrounds ship as one fixed look: one palette, one motion, take it or leave it. This one is built the other way round. Liquid Glass Refraction is…
Download the file
After checkout, grab the .tsx component file from your Gumroad library.
Open Framer, click "Assets"
In your Framer project's left sidebar, switch to the Assets tab.
Create a code file
Under "Code," click the "+" button.
Name it and create
Give it any name, keep "New Component" selected, then click Create.
Copy your component's code
Open the downloaded .tsx file and copy everything inside it.
Paste it in
Select all the placeholder code in the new Framer file, then paste yours over it.
Done
Save. Your component appears under Assets → Components, ready to drag onto the canvas.
Stay updated
An email when something new ships. Nothing else.