EdgeFlow
Motion at the edge. Scroll animations in the left gutter — Creature Collection mascots that flip with scroll direction. Guided Flow races the trail to where you're going.
Guided Flow
EdgeFlow is not just scroll decoration — it can guide you to a destination:
- Flow to Next Problem — the trail launches from the viewport edge and races to the next error or warning in the workspace. On arrival, the line pulses and you get a status-bar flash (same as scroll interception).
- Automatic navigation flow — when you jump far in a file (Go to Definition, Find Next, Go to Line, etc.), the trail animates to your new cursor line. Disable with
edgeflow.guidedFlowOnNavigation.
- Explosion on error contact — when a scroll trail crosses an error line, the explosion plays but scrolling continues (no stop). Same effect on Flow to Next Problem arrival. Warnings get the orange pulse, not the full burst.
- Stop on diagnostic (guided only) — optional: during guided flow, stop if the trail crosses a diagnostic before its destination (
edgeflow.stopOnDiagnostic, default off).
Try it: click EdgeFlow in the status bar → Flow to Next Problem, or run EdgeFlow: Flow to Next Problem from the Command Palette.
Change animation style
You're on the Details tab — settings are not shown here. Use any of these:
Option A — Gear icon (settings dropdown)
- On this EdgeFlow page, click the gear icon (next to Auto Update)
- Click Extension Settings
- Find Edgeflow › Style and pick from the dropdown
Option B — Status bar (fastest)
Click EdgeFlow in the bottom-right corner of the window → Pick Style…
The style picker includes:
- Random — new Creature style every scroll up or down
- Creature Collection — mascot head + tail trails
View → EdgeFlow → Pick Style
Styles
Creature Collection (default)
Snake, Worm, Bug, Dog, Cat, Car, Ghost, Ghost 2, Big Eyes, Chomp, Jellyfish, Cloud, Dragon, Dragonfly, Octopus, Turtle, Sea Ray, Spider, Airplane, Star, Bee, Rocket
Creature styles use dedicated SVGs from media/emoji (snake/worm/bug/dog/cat/car/ghost/ghost2/bigEyes/chomp/jellyfish/cloud/dragon/dragonfly/octopus/turtle/seaRay/spider/airplane/star/bee/rocket) that flip with scroll direction — not tiny procedurally-drawn blobs.
Legacy style keys (snake, caterpillar, car, fire, thunder, gecko, zipper, comet, and removed neon styles like neonPulse / cyberpunk / aurora / liquid) map to current styles automatically.
Settings
| Setting |
Default |
Description |
edgeflow.enabled |
true |
Turn animations on/off |
edgeflow.style |
snake |
Animation style — Random or Creature (dropdown in Extension Settings) |
edgeflow.particleCount |
8 |
Trail length (2–12 segments) |
edgeflow.frameIntervalMs |
16 |
Frame rate (16 ≈ 60fps) |
edgeflow.stopOnDiagnostic |
false |
Stop guided flow when crossing a diagnostic mid-path (scroll never stops) |
edgeflow.guidedFlowOnNavigation |
true |
Animate guided flow on large cursor jumps |
Commands
| Command |
Description |
| EdgeFlow: Flow to Next Problem |
Guide the trail to the next error or warning |
| EdgeFlow: Open Settings |
Open the style dropdown in Settings |
| EdgeFlow: Pick Style |
Quick-pick menu to change style |
| EdgeFlow: Toggle |
Enable or disable |
License
MIT
