https://github.com/animotionjs/animotion
🪄 Create beautiful presentations with Svelte
https://github.com/animotionjs/animotion
animotion presentation reveal slides svelte tailwindcss
Last synced: about 2 months ago
JSON representation
🪄 Create beautiful presentations with Svelte
- Host: GitHub
- URL: https://github.com/animotionjs/animotion
- Owner: animotionjs
- License: mit
- Created: 2023-06-21T15:38:13.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2026-04-22T09:22:36.000Z (about 2 months ago)
- Last Synced: 2026-04-22T11:03:19.472Z (about 2 months ago)
- Topics: animotion, presentation, reveal, slides, svelte, tailwindcss
- Language: Svelte
- Homepage: https://animotion.pages.dev
- Size: 1.72 MB
- Stars: 1,703
- Watchers: 3
- Forks: 46
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
https://github.com/animotionjs/animotion/assets/38083522/da098a66-d2bb-4109-bc56-510894196d96
## Animotion
Animotion is a presentational framework for creating beautiful slides and visualizing ideas with code using [Svelte](https://svelte.dev/), [Reveal.js](https://revealjs.com/) and [Tailwind CSS](https://tailwindcss.com/).
## Setup
The quickest way to get started with Animotion:
```
npm create @animotion@latest
```
## Windows
If the Animotion CLI doesn't work on Windows try:
```
npx @animotion/create
```
## Docs
To learn how to use Animotion read the [Animotion documentation](https://animotion.pages.dev).
## Examples
You can look at the [examples repository](https://github.com/animotionjs/examples) if you want to understand how I use Animotion to visualize ideas with code. You can try the examples in the browser thanks to [SvelteLab](https://www.sveltelab.dev/).
## Contributing
If you want to contribute to the project you can read the [contributing guide](https://github.com/animotionjs/animotion/blob/main/CONTRIBUTING.md).