# nanime

## Documentation Sets

- [nanime](https://nanimejs.netlify.app/llms-full.txt)

## Docs

- [Introduction](https://nanimejs.netlify.app/raw/getting-started/introduction.md): SSR-safe animations with AnimeJS.
- [Installation](https://nanimejs.netlify.app/raw/getting-started/installation.md): Adding nanime to a Nuxt project.
- [Configuration](https://nanimejs.netlify.app/raw/getting-started/configuration.md): The module options, and when you would want them.
- [Performance](https://nanimejs.netlify.app/raw/getting-started/performance.md): Make nanime do less work, starting with the changes that save the most.
- [Accessibility](https://nanimejs.netlify.app/raw/getting-started/accessibility.md): Make nanime animations jump to their end state for visitors who ask for less motion.
- [Introduction](https://nanimejs.netlify.app/raw/composables/introduction.md): Every nanime composable, and how they pick reactive or instant mode.
- [useAnimate](https://nanimejs.netlify.app/raw/composables/use-animate.md): Animate CSS properties, transforms, SVG and JS objects with AnimeJS animate().
- [useWaapiAnimate](https://nanimejs.netlify.app/raw/composables/use-waapi-animate.md): Run Web Animations API animations with AnimeJS waapi.animate().
- [useAnimatable](https://nanimejs.netlify.app/raw/composables/use-animatable.md): Tween fast-changing property values with AnimeJS createAnimatable().
- [useSplitText](https://nanimejs.netlify.app/raw/composables/use-split-text.md): Split text into lines, words and characters with AnimeJS splitText().
- [useScrambleText](https://nanimejs.netlify.app/raw/composables/use-scramble-text.md): Scramble and reveal text with AnimeJS scrambleText().
- [useDraggable](https://nanimejs.netlify.app/raw/composables/use-draggable.md): Drag elements with snap, bounds and axis constraints using AnimeJS createDraggable().
- [useAnimeTimeline](https://nanimejs.netlify.app/raw/composables/use-anime-timeline.md): Sequence animations on one clock with AnimeJS createTimeline().
- [useAnimeScroll](https://nanimejs.netlify.app/raw/composables/use-anime-scroll.md): Drive animations from scroll position with AnimeJS onScroll().
- [useAnimeLayout](https://nanimejs.netlify.app/raw/composables/use-anime-layout.md): Animate layout changes in position and size with AnimeJS createLayout().
- [Utilities](https://nanimejs.netlify.app/raw/composables/utilities.md): AnimeJS helpers re-exported by nanime: easings, utilities, and text and SVG proxies.
- [Transitions](https://nanimejs.netlify.app/raw/components/transitions.md): Vue's <Transition> and <TransitionGroup> with AnimeJS enter, leave and move animations.
- [Transition styles](https://nanimejs.netlify.app/raw/components/transition-styles.md): The built-in enter and leave styles, and custom ones in app.config.ts.
- [Layout group](https://nanimejs.netlify.app/raw/components/layout-group.md): A wrapper that animates its children to their new size and position when state changes.
- [Compared with Nuxt modules](https://nanimejs.netlify.app/raw/comparisons/vs-nuxt-modules.md): How nanime compares with AnimeJS on its own in Nuxt, and with nuxt-anime.
- [Compared with Vue packages](https://nanimejs.netlify.app/raw/comparisons/vs-vue-packages.md): How nanime compares with vue-animejs and v-anime, the Vue packages for AnimeJS v4.
- [Introduction](https://nanimejs.netlify.app/raw/examples/introduction.md): Complete sequences built from nanime composables and utilities.
- [Drive](https://nanimejs.netlify.app/raw/examples/drive.md): A file manager whose tiles change layout, filter, sort and drag into the trash.
- [Road trip](https://nanimejs.netlify.app/raw/examples/road-trip.md): A trip planner whose route is driven by scroll, with a booking log that runs step by step.
- [Player](https://nanimejs.netlify.app/raw/examples/player.md): A music player with a timeline for track changes, draggable seek and volume sliders, and a playlist that shuffles.
- [Changelog](https://nanimejs.netlify.app/raw/changes/changelog.md): What changed in each release, and what it means for your code.

## Landing

- [nanime](https://nanimejs.netlify.app/raw/index.md): Anime.js v4 for Nuxt: SSR-safe, auto-imported composables and transitions for animation, scroll, drag and text