Premium
🎨 Portfolio

Ink Flow Waves

Slow liquid ink waves rendered with layered SVG paths and turbulence — organic motion for editorial sites.

4.5k views 685 copies 261 words
# Ink Flow Waves — Animated Background

## Goal
Build an organic 'liquid ink' background: 3 layered SVG wave bands slowly undulating with turbulence distortion. It must drop cleanly into an existing Next.js + Tailwind project as a self-contained component.

## Design Spec
- Base: charcoal #101113. Waves: 3 horizontal SVG path bands stacked in the lower 60%, fills at 5/8/12% white — closest band most opaque.
- Each band's path is a smooth wave (4 curve segments) spanning 120% width for seamless horizontal looping.
- One shared SVG filter: feTurbulence (fractalNoise, baseFrequency 0.008) + feDis

Unlock the full 261-word prompt with one-time Lifetime access.

Unlock Full Prompt

You may also like

Verified DR - Verified Domain Rating for buildpromptkit.comBuildPromptKit - AI prompts that ship real UI — every one has a live demo | Product HuntBuildPromptKit — AI Website & App Prompts - Featured on YizhanFeatured on saasfame.comFeatured on Twelve Tools