Kick Tags
Tags the pointer kicks aside, bumping into each other before settling.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- force
- spin
- stiffness
- collide
- clickWave
What it does
Kick Tags is an animated tag ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called inertia tags, kicked pills or bouncy tags.
Each tag you sweep across flies off along your gesture, spinning from where it was struck and nudging its neighbours, then springs back with one small wobble. A click scatters them all. On touch, swipe or tap; reduced motion keeps them still.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.