# Kineto

> @dong-gri/kineto v0.13.0 — vanilla-first web motion & media effects library (53 modules, React/Vue/jQuery adapters, zero runtime dependencies). Attach effects with data-kt-* attributes on any markup, including shadcn/ui, Bootstrap, MUI, Mantine, Chakra, Ant Design, daisyUI, Nuxt UI, PrimeVue and Vuetify components.

## Start here

- [Rules for coding agents](https://kineto.dongri.me/ai/kineto.rules.md): principles, attachment grammar, intent → module table, per-library notes
- [Feature contract (JSON)](https://raw.githubusercontent.com/catgarret/kineto/main/kineto.features.json): every module, variant, public option and default
- [Integration map (JSON)](https://raw.githubusercontent.com/catgarret/kineto/main/kineto.integrations.json): ecosystems, intents, Figma hints
- [Module reference](https://github.com/catgarret/kineto/blob/main/docs/module-reference.md)
- [Getting started](https://github.com/catgarret/kineto/blob/main/docs/getting-started.md)

## Integrations

- [Vanilla HTML / CSS](https://github.com/catgarret/kineto/blob/main/docs/integrations/vanilla.md)
- [shadcn/ui (Radix / Base UI + Tailwind)](https://github.com/catgarret/kineto/blob/main/docs/integrations/shadcn.md)
- [Tailwind CSS (no component library)](https://github.com/catgarret/kineto/blob/main/docs/integrations/tailwind.md)
- [Bootstrap 5](https://github.com/catgarret/kineto/blob/main/docs/integrations/bootstrap.md)
- [Material UI (MUI)](https://github.com/catgarret/kineto/blob/main/docs/integrations/mui.md)
- [Mantine](https://github.com/catgarret/kineto/blob/main/docs/integrations/mantine.md)
- [Chakra UI v3](https://github.com/catgarret/kineto/blob/main/docs/integrations/chakra.md)
- [Ant Design](https://github.com/catgarret/kineto/blob/main/docs/integrations/antd.md)
- [daisyUI](https://github.com/catgarret/kineto/blob/main/docs/integrations/daisyui.md)
- [Nuxt UI (Reka UI + Tailwind)](https://github.com/catgarret/kineto/blob/main/docs/integrations/nuxt-ui.md)
- [PrimeVue v4](https://github.com/catgarret/kineto/blob/main/docs/integrations/primevue.md)
- [Vuetify 3](https://github.com/catgarret/kineto/blob/main/docs/integrations/vuetify.md)
- [Figma MCP workflow](https://github.com/catgarret/kineto/blob/main/docs/integrations/figma-mcp.md)

## Tools

- shadcn registry: add `"@kineto": "https://kineto.dongri.me/r/{name}.json"` to components.json, then `npx shadcn@latest add @kineto/provider` — index at https://kineto.dongri.me/r/registry.json
- MCP server: `npx @dong-gri/kineto-mcp` (tools: kineto_list_modules, kineto_module, kineto_suggest, kineto_snippet, kineto_validate_options)
- Live demo & playground: https://kineto.dongri.me
- npm: https://www.npmjs.com/package/@dong-gri/kineto

## Optional

- [Changelog](https://github.com/catgarret/kineto/blob/main/CHANGELOG.md)
- [Troubleshooting](https://github.com/catgarret/kineto/blob/main/docs/troubleshooting.md)
- [Accessibility](https://github.com/catgarret/kineto/blob/main/docs/accessibility.md)