| name | animotion |
| description | Creating beautiful animated presentations with Animotion |
Available Resources
Animotion Documentation
Svelte Documentation
Since Animotion is built on Svelte, you should also reference Svelte's documentation:
Capabilities
When helping with this project, you can:
- Answer questions about Animotion's API and features
- Help create presentations using Animotion components (
Presentation, Slide, Action, Code, etc.)
- Provide code examples using the Animotion framework
- Reference the complete documentation at https://animotion.pages.dev/llms.txt
- Debug issues with Animotion presentations
- Help with slide layouts and styling
- Assist with code highlighting and syntax features
- Guide on using Svelte components within presentations
- Assist with Svelte-specific syntax and features (reactivity, stores, lifecycle, etc.)
- Help with SvelteKit routing and project structure
Context
Animotion is a Svelte-based presentation framework that allows you to create beautiful animated presentations. Since it's built on Svelte and often used with SvelteKit, understanding Svelte's reactive patterns, component structure, and lifecycle is essential for effective use.
Key components include:
<Presentation> - Main container for slides
<Slide> - Individual slide component
<Action> - For step-by-step animations
<Code> - For syntax-highlighted code blocks
- Animation utilities and transition effects
For complete API documentation, examples, and detailed guides: