Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/animotionjs/animotion
🪄 Create beautiful presentations with Svelte
https://github.com/animotionjs/animotion
animotion presentation reveal slides svelte tailwindcss
Last synced: 1 day 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T20:54:17.000Z (3 months ago)
- Last Synced: 2025-01-16T00:32:34.711Z (8 days ago)
- Topics: animotion, presentation, reveal, slides, svelte, tailwindcss
- Language: Svelte
- Homepage: https://animotion.pages.dev
- Size: 1.42 MB
- Stars: 1,427
- Watchers: 6
- Forks: 44
- Open Issues: 2
-
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).