EDITOR EFFECTS · EVERY STACK

Make every
keystroke hit.

Tiny particles and satisfying shake feedback for any text editor. One package, zero runtime dependencies, four ways to use it.

$npm install shake-editor
shake-editor.ts LIVE

⌨ Type in the editor to feel it

4entry points
0runtime deps
< 4kbcore gzip
∞editor support

PICK YOUR FLAVOR

One effect.
Every stack.

Each adapter shares the same typed configuration and cleans itself up automatically.

main.ts
⚡Open this example in StackBlitz↗
01

Caret aware

Particles originate at the real caret in inputs, textareas, and contenteditable surfaces.

02

Lifecycle safe

Canvas, listeners, animation frames, and component effects are cleaned up on destroy or unmount.

03

Motion conscious

High-DPI rendering looks crisp and reduced-motion preferences are respected by default.

READY TO SHAKE?

Give your editor
some feedback.