@webloved: How I build with Claude 👇 Academy in bio 🔗 That headline that looks like it is dissolving into grain is one SVG filter. The breakdown: Wrap your text in an SVG filter that runs feTurbulence to generate noise, then pipe that noise into feDisplacementMap, which pushes the letter pixels around based on the noise map, that is what gives the sandy melting edge. Animate the seed or baseFrequency of feTurbulence each frame and the grain comes alive and shimmers instead of sitting still. Crank the scale on feDisplacementMap for a heavy dissolve, drop it low for a subtle rough edge, same filter, totally different mood. The wordmark still scales to any screen because the SVG text uses clamp() on font-size underneath the filter. Black background plus one bright wordmark is the whole layout, the effect does the heavy lifting so the page stays minimal. Save this if you want gritty animated type 🌫️ #claude #buildinpublic #webdesign #typography #fyp

weblove

Open In TikTok:

Region: PT

Tuesday 16 June 2026 17:51:21 GMT