Skip to main content

Ink Flow

Thousands of particles drawn through a noise flow field, leaving silk trails. Stir a vortex with the cursor; click to clear.

  • 5.4 KB .bexode
  • 7 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// flow-field.bexode goes in /public (download it below)
export function FlowField() {
  return (
    <ExodeUICanvas
      src="/flow-field.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
titleTextInk & Current—
particlesNumber1800200 – 5000
speedNumber10.1 – 3
accentText#7fd6ffhex colour
accent2Text#ff8fb1hex colour
bgText#07080chex colour
textText#eef2f8hex colour