npm · GitHub · Issues

If Kamod Motion saves you time, star the repo — it helps others discover the project.

Kamod Motion

Preact-first animation primitives built on Vanilla Motion. The default entry uses the lightweight motion/mini engine; the full hybrid engine is available via a separate opt-in import.

import { Motion } from '@kamod-ch/motion/motion'
import { Presence } from '@kamod-ch/motion/presence'
import { fade } from '@kamod-ch/motion/presets'
import '@kamod-ch/motion/presets/tokens.css'

function Panel({ open }: { open: boolean }) {
  return (
    <Presence>
      {open ? <Motion {...fade.in} /> : null}
    </Presence>
  )
}

No motion/react, react, or react-dom. preact and motion are peer dependencies.