# Kapow

> Particle, light and mask effects for Compose Multiplatform, fired by value changes and conditions, plus enter and exit transitions.

## Docs

- [Introduction](https://kapow-docs.vercel.app/): Particle, light and mask effects for Compose Multiplatform, fired by value changes and conditions, plus enter and exit transitions.
- [Getting started](https://kapow-docs.vercel.app/getting-started): Add Kapow to a Compose Multiplatform project and fire a first effect.
- [Prior art](https://kapow-docs.vercel.app/prior-art): The libraries Kapow was compared with, what they do, and where Kapow overlaps with them or leaves them alone.
- [Changelog](https://kapow-docs.vercel.app/changelog): Every release of Kapow, newest first.

## Guides

- [Change effects](https://kapow-docs.vercel.app/guides/change-effects): How a change effect decides to play, and what equality, isEnabled, cooldown, delay, times, speed and reducedMotion do.
- [Tuning effects](https://kapow-docs.vercel.app/guides/tuning-effects): Shape particles with ParticlePhysics and EmissionArea, make randomness reproducible with seeds, set easing and brushes, and wrap any effect to change its timing and reduced-motion behavior.
- [Triggers and interactions](https://kapow-docs.vercel.app/guides/triggers): Play an effect from a click or an event, follow press, hover and focus, and choose when the first composition plays.
- [Conditional effects](https://kapow-docs.vercel.app/guides/conditional-effects): Effects that stay on while a Boolean is true, how repeat plays a change effect on a timer, and how fadeIn, fadeOut, startDelay, speed and reducedMotion tune them.
- [Progress effects](https://kapow-docs.vercel.app/guides/progress-effects): Draw an effect at a progress you control, such as a scroll position, a slider or a hinge angle.
- [Transitions](https://kapow-docs.vercel.app/guides/transitions): Masked and particle enter and exit transitions for AnimatedVisibility and AnimatedContent, and why they are applied with a modifier.
- [Particle layer](https://kapow-docs.vercel.app/guides/particle-layer): Draw particles above parents that clip their children, and what the layer does when no layer is present.
- [Reduced motion](https://kapow-docs.vercel.app/guides/reduced-motion): How Kapow reads the platform's reduced-motion setting on each target, what every effect does instead, and how to override it.
- [Accessibility](https://kapow-docs.vercel.app/guides/accessibility): What Kapow exposes to screen readers and keyboards, how to announce counters and typed text, how to cap flashing, and what stays decorative.
- [Feedback](https://kapow-docs.vercel.app/guides/feedback): Ask for a haptic or a sound when an effect fires, through any library, with an adapter for multihaptic.
- [Hinge effects](https://kapow-docs.vercel.app/guides/hinge): Drive a shine, glow or iris from the hinge angle of a foldable with kapow-crease.
- [Performance](https://kapow-docs.vercel.app/guides/performance): How Kapow keeps per-frame work out of composition, and what is and is not measured yet.

## Effects

- [Effects](https://kapow-docs.vercel.app/effects): Every Kapow effect in one table, with a one-line description of each.
- [Change: shine](https://kapow-docs.vercel.app/effects/change-shine): A soft band of light sweeps across an element when a value changes.
- [Change: pulse](https://kapow-docs.vercel.app/effects/change-pulse): Rings or filled shapes grow outward behind an element when a value changes.
- [Change: glow](https://kapow-docs.vercel.app/effects/change-glow): A colored halo flares up around an element when a value changes.
- [Change: spray](https://kapow-docs.vercel.app/effects/change-spray): A burst of particles fans upward from an element when a value changes.
- [Change: rise](https://kapow-docs.vercel.app/effects/change-rise): A label such as +1 floats up from an element when a value changes.
- [Change: spin](https://kapow-docs.vercel.app/effects/change-spin): The element turns full circles and settles when a value changes.
- [Change: ripple](https://kapow-docs.vercel.app/effects/change-ripple): An ink ripple spreads across an element, inside its shape, when a value changes.
- [Change: flash](https://kapow-docs.vercel.app/effects/change-flash): An element's own pixels flash a color and fade back when a value changes.
- [Change: burst](https://kapow-docs.vercel.app/effects/change-burst): A spiky comic star burst pops out behind an element when a value changes.
- [Change: speed lines](https://kapow-docs.vercel.app/effects/change-speed-lines): Comic action lines fly out from an element's edges when a value changes.
- [Change: sparkle](https://kapow-docs.vercel.app/effects/change-sparkle): Four-point stars twinkle in and out over an element when a value changes.
- [Change: fireworks](https://kapow-docs.vercel.app/effects/change-fireworks): A rocket climbs from an element and bursts into a ring of falling sparks when a value changes.
- [Change: delay](https://kapow-docs.vercel.app/effects/change-delay): Wrap any change effect so it starts a fixed time after the change.
- [Change: confetti pop](https://kapow-docs.vercel.app/effects/change-confetti-pop): A short pop of confetti from an element when a value changes.
- [Change: trace](https://kapow-docs.vercel.app/effects/change-trace): A comet-like stroke runs once around an element's outline when a value changes.
- [Change: strike](https://kapow-docs.vercel.app/effects/change-strike): A line draws through an element when a value changes, holds, then fades.
- [Change: stamp](https://kapow-docs.vercel.app/effects/change-stamp): An element comes down like a rubber stamp, squashes on impact and puffs dust when a value changes.
- [Change: glitch](https://kapow-docs.vercel.app/effects/change-glitch): An element splits into offset color channels and shifted slices for a moment when a value changes.
- [Change: hearts](https://kapow-docs.vercel.app/effects/change-hearts): A large heart pops over an element and small hearts float up when a value changes.
- [Conditional: repeat](https://kapow-docs.vercel.app/effects/conditional-repeat): Play a change effect now and then while a condition is true.
- [Conditional: glow](https://kapow-docs.vercel.app/effects/conditional-glow): A steady halo while a condition is true.
- [Conditional: pushDown](https://kapow-docs.vercel.app/effects/conditional-push-down): Scale an element down slightly while a condition is true.
- [Conditional: smoke](https://kapow-docs.vercel.app/effects/conditional-smoke): Soft particles rise from an element while a condition is true.
- [Conditional: border beam](https://kapow-docs.vercel.app/effects/conditional-border-beam): A beam of light travels around an element's outline while a condition is true.
- [Conditional: marching ants](https://kapow-docs.vercel.app/effects/conditional-marching-ants): A dashed outline whose dashes move around an element while a condition is true.
- [Conditional: rainbow border](https://kapow-docs.vercel.app/effects/conditional-rainbow-border): An outline in a turning sweep of colors while a condition is true.
- [Conditional: sparkles](https://kapow-docs.vercel.app/effects/conditional-sparkles): Four-point stars twinkle over an element while a condition is true.
- [Conditional: orbit](https://kapow-docs.vercel.app/effects/conditional-orbit): A few particles circle an element, passing behind and in front of it, while a condition is true.
- [Conditional: bubbles](https://kapow-docs.vercel.app/effects/conditional-bubbles): Small bubbles rise from an element and pop while a condition is true.
- [Conditional: flame](https://kapow-docs.vercel.app/effects/conditional-flame): Procedural flames burn above an element while a condition is true.
- [Conditional: grayscale](https://kapow-docs.vercel.app/effects/conditional-grayscale): An element loses its color while a condition is true.
- [Conditional: spotlight](https://kapow-docs.vercel.app/effects/conditional-spotlight): Everything around an element dims while a condition is true.
- [Conditional: shimmer](https://kapow-docs.vercel.app/effects/conditional-shimmer): A band of light that sweeps an element again and again while a condition is true.
- [Conditional: breathe](https://kapow-docs.vercel.app/effects/conditional-breathe): The element swells and settles slowly, and can float, while a condition is true.
- [Conditional: ping](https://kapow-docs.vercel.app/effects/conditional-ping): Rings grow out of an element's outline and fade, again and again, while a condition is true.
- [Conditional: confetti rain](https://kapow-docs.vercel.app/effects/conditional-confetti-rain): Confetti keeps falling from an element's top edge, tumbling and fading, while a condition is true.
- [Progress: shine](https://kapow-docs.vercel.app/effects/progress-shine): A band of light whose position follows a progress value.
- [Progress: glow](https://kapow-docs.vercel.app/effects/progress-glow): A halo whose strength follows a progress value.
- [Progress: iris](https://kapow-docs.vercel.app/effects/progress-iris): A circular reveal whose radius follows a progress value.
- [Progress: fill](https://kapow-docs.vercel.app/effects/progress-fill): A liquid fills an element from the bottom up to a progress value.
- [Progress: trace](https://kapow-docs.vercel.app/effects/progress-trace): An element's outline drawn as a stroke up to a progress value.
- [Transition: iris](https://kapow-docs.vercel.app/effects/transition-iris): A circle grows from a point to reveal content, and shrinks to hide it.
- [Transition: clock](https://kapow-docs.vercel.app/effects/transition-clock): A sweep around a point reveals content like a clock hand.
- [Transition: wipe](https://kapow-docs.vercel.app/effects/transition-wipe): A straight edge moves across content to reveal or hide it.
- [Transition: glare](https://kapow-docs.vercel.app/effects/transition-glare): A wipe with a bright streak along its edge.
- [Transition: blinds](https://kapow-docs.vercel.app/effects/transition-blinds): Slats open or close like venetian blinds.
- [Transition: poof](https://kapow-docs.vercel.app/effects/transition-poof): Content vanishes at once in a puff of smoke.
- [Transition: anvil](https://kapow-docs.vercel.app/effects/transition-anvil): Content drops in from above, lands with a shake and throws dust.
- [Transition: pop](https://kapow-docs.vercel.app/effects/transition-pop): Content pops in with an overshoot, a ring and a burst of particles.
- [Transition: dissolve](https://kapow-docs.vercel.app/effects/transition-dissolve): Content appears or vanishes as a random grid of small squares.
- [Transition: curtain](https://kapow-docs.vercel.app/effects/transition-curtain): Two halves part from the middle to reveal content, and close to hide it.
- [Transition: shape iris](https://kapow-docs.vercel.app/effects/transition-shape-iris): Any shape, such as a star, grows from a point to reveal content, and shrinks to hide it.
- [Transition: checker](https://kapow-docs.vercel.app/effects/transition-checker): A checkerboard reveal where the squares of one color open first, then the others.
- [Transition: tear](https://kapow-docs.vercel.app/effects/transition-tear): A wipe whose leading edge is torn like paper.
- [Transition: blob](https://kapow-docs.vercel.app/effects/transition-blob): An organic, wobbling blob grows from a point to reveal content, and shrinks to hide it.
- [Transition: shatter](https://kapow-docs.vercel.app/effects/transition-shatter): Content breaks like glass into shards that fall, turn and fade.
- [Transition: disintegrate](https://kapow-docs.vercel.app/effects/transition-disintegrate): Content turns to dust in a sweeping band, and the dust drifts away.
- [Transition: stagger](https://kapow-docs.vercel.app/effects/transition-stagger): Start the items of a list one after another with a delay that grows with the index.
- [Text: typewriter](https://kapow-docs.vercel.app/effects/text-typewriter): Text that types itself out or unscrambles itself at a steady rate, with an optional cursor.
- [Text: counter](https://kapow-docs.vercel.app/effects/text-counter): A number whose digits roll, or that counts through the values in between, and settles exactly on the new value.
- [Pointer: tilt](https://kapow-docs.vercel.app/effects/more-tilt): The element tilts in 3D toward a hovering mouse or a pressed finger, with an optional light sheen, and springs back.
- [More: skeleton](https://kapow-docs.vercel.app/effects/more-skeleton): A shimmering placeholder over an element while it loads, revealed in place when loading ends.
- [Trigger](https://kapow-docs.vercel.app/effects/more-trigger): Play a change effect from code, such as a click or an event, with no value to watch.
- [Interaction](https://kapow-docs.vercel.app/effects/more-interaction): Keep an effect on while the element is pressed, hovered, focused or dragged, or play it each time that starts.

## Reference

- [Composables and modifiers](https://kapow-docs.vercel.app/reference/composables): changeEffect, conditionalEffect, progressEffect, kapowTransition, KapowAnimatedVisibility, KapowParticleLayer, KapowTypewriter, KapowCounter, kapowTilt, kapowSkeleton, isReducedMotion, hingeEffect and rememberMultihapticFeedback.
- [Types](https://kapow-docs.vercel.app/reference/types): ChangeEffect, ConditionalEffect, ProgressEffect, KapowEnter, KapowExit, ParticlePhysics, ParticleContent, ReducedMotionMode, KapowMotion, KapowFeedback, KapowStagger and their related types.

## Agent skills

- [kapow](https://kapow-docs.vercel.app/.well-known/agent-skills/kapow/SKILL.md): Read the Kapow docs instead of answering from memory. Particle, light and mask effects for Compose Multiplatform, fired by value changes and conditions, plus enter and exit transitions. Use when a task involves Kapow: how it works, how to set it up or configure it, or its API.

## Agent resources

- [llms-full.txt](https://kapow-docs.vercel.app/llms-full.txt): The full Markdown of every page in one file.
- [Page Markdown](https://kapow-docs.vercel.app/index.md): Append `.md` to any page URL to fetch that page as raw Markdown.
- [JSON API](https://kapow-docs.vercel.app/api/docs/pages.json): Page index of the JSON docs API; each entry links the page's JSON and Markdown forms. Described by the OpenAPI document at https://kapow-docs.vercel.app/openapi.json.
- [Agent skills](https://kapow-docs.vercel.app/.well-known/agent-skills/index.json): Agent Skills discovery index of the skills this site publishes.
- [API catalog](https://kapow-docs.vercel.app/.well-known/api-catalog): RFC 9727 linkset of the APIs documented here.
- [AI catalog](https://kapow-docs.vercel.app/.well-known/ai-catalog.json): ARD manifest of the agent-facing resources on this site (MCP server, skills, APIs).
- [agent-readability.json](https://kapow-docs.vercel.app/agent-readability.json): Manifest of every agent-facing artifact on this site.
- [Sitemap](https://kapow-docs.vercel.app/sitemap.xml): Every indexable page URL with its last-modified date.