Particle fields + DOM motion

Shape motion.
Point by point.

Compose fine particle systems and fluid interface motion with one typed, dependency-free API.

Start building View API

Live Hyper Flow engineCanvas 2D + pointer

Move the pointer to apply the selected force

Field

Shape

Force

18 built-in fields10 particle shapes3 pointer behaviors0 runtime dependencies

Install from npmnpm install @scorpion7slayer/hyper-flow

Built-in fields

Eighteen starting points.
No fixed aesthetic.

Mix fields, reshape every point and constrain the viewport without replacing the rendering engine.

Orb

Layered orbital shell

Torus

Rotating optical volume

Rose

Layered parametric petals

Swarm

Organic coordinated drift

Grid wave

Reactive spatial surface

Burst

Radial travelling signal

Infinity

Continuous woven loop

Ribbon

Seven parametric strands

Tunnel

Depth-driven portal

Constellation

Linked thought map

Vortex

Spiral search field

Lattice

Volumetric point grid

mixed fields + transform pipeline

Compose the system.
Keep every escape hatch.

Blend fields, chain transforms, cull points and draw custom marks while Hyper Flow handles the frame loop.

Mix any two fields
Transform pipelines
Ten configurable shapes
Clipped padded viewports
Arbitrary parameters
Frame hooks and renderers

Read particle engine docs

Move every parameter.
Keep the generated code.

Parametersorb

Field

Density 1.80Point size 0.80Speed 0.70Depth 1.10Trail 0.00Jitter 0.00

Spatial controls 6 parameters

Radius 0.39Line length 5.40Frequency 1.00Amplitude 1.00Viewport padding 0.10Twist 1.00

ShapePointerBlendPaint

Connections Off Clip field On

field.ts

Particles and interface motion share one vocabulary.

Run smooth blur, elastic, directional and stepped presets through the native Web Animations API.

Explore smooth motion

PointFieldMotionFlow

Nimbus documentation

From first field to custom renderer.

Typed references, practical recipes, accessibility guidance and agent-ready context live together.

Open documentation

Shape motion.Point by point.

Eighteen starting points.No fixed aesthetic.

Orb