Hero made by @ybouane.

@crazygl/hero-ink-flow-field

On a near-white page, thousands of very thin charcoal lines drift along a divergence-free curl-noise flow field, leaving long curved trails that layer into delicate spirograph and flower-like ink patterns. Minimal, monochrome, calm.

Demo

Ink Flow Field

Install

npm install @crazygl/hero-ink-flow-field

Usage

import InkFlowField from '@crazygl/hero-ink-flow-field';

export default function Hero() {
	return (
		<InkFlowField
			heading="Carved in calm."
			flowScale={1}
			trailFade={0.056}
			pointerSwirl={0.8}
		/>
	);
}

Customise

• Flow — particleCount, flowScale, flowSpeed, lineWidth, lineDarkness, trailFade (the soul of the look).
• Colour — inkColor, backgroundColor (the paper).
• Interaction — pointerSwirl.
• Backdrop — transparent.
• Content — heading / subheading / two-column / custom content.

Best for

• Minimalist studio and agency sites
• Luxury and editorial brands
• Calm productivity and wellness products
• Generative-art and typography-led landing pages

This hero is part of CrazyGL, a collection of production-ready WebGL, canvas, 3D, and typography effects. Every CrazyGL hero ships with an agent-ready SKILL.md file that helps developers and coding agents adapt the effect into custom landing pages and interactive experiences.