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 từ

Nội dung prompt

# 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

Mở khoá prompt đầy đủ 261 từ với gói trọn đời trả một lần.

Unlock Full Prompt

Có thể bạn cũng thích

Free

Velorah

🎨 Portfolio

Cinematic single-screen hero on a looping night-sky film: a liquid-glass pill nav, an Instrument Serif headline that fades two of its phrases into muted grey, and three staggered rise-ins.

2.9k 126CursorClaude CodeLovable