Overlays@knitui/components
Motion
Configurable, preset-driven animation. useMotionPreset(name, { transition?, duration? }) resolves a named recipe (or an inline preset, or false) into spreadable { transition, enterStyle, exitStyle, animateOnly } props. Spread them onto any frame and wrap it in AnimatePresence for enter + exit. Reduced motion is honoured automatically. Presets use cross-platform Tamagui shorthand transforms, so they render identically on web and native.
import { Motion } from "@knitui/components";Playground
Loading playground…
<Component
animation="pop"
duration={200}
/>Examples
Global Config
Retune (or disable) all motion in a subtree from a single MotionConfig.
Loading example…
All Presets
Every built-in preset, auto-cycling so all enter/exit recipes are visible.
Loading example…
Props
Prop extraction did not resolve this component. Run pnpm docs:generate, or add an override in apps/docs/content/overrides/.