Svelte-Slides is a HTML presentation tool.
Just a collection of slides created with Svelte
and
UnoCSS.
Life is too short to fight against Powerpoint or Beamer ugly style!
Press the right-left key to navigate or tap the right-left side of the screen
Feature
Create impactful presentations with animations.
Supports CSS animation out of the box with animate.css.
Use animation freely
Just add one more class
Sounds super badass
But don't forget epilepsy
Feature
Illustrate your story with images and more.
Add images, SVG or GIF to your presentation.
Even better you can add
Lottie
animation.
Feature
Trigger actions to add content as you speak.
Create awesome transitions for you slides.
All you need is to add classes.
Here is the recipe:
Find the HTML you want to animate.
Ctrl-F is your friend.
You can add class on the fly.
To turn the text in red after 1 transition, use the class `start-1:text-red`. You can use `start-2:...` for the second transition... Use as many as you wish.
It temporarly add the class to your HTML.
No magic, you know exactly what is going on at each transition.
You can also remove classes.
With the `end-1:...` you can remove classes from your HTML. This is very useful when you are working with animate.css.
Svelte-Slides is a tool to create slides.
`Deck` and `Slide` are the main components. More components will come to support charts and visualization tools
Check the code >>
Svelte-Slides is fluid
Display your presentations on mobile or tablet. It is completely useless, but nice to have.
Check the code >>Thanks to
UnoCSS.
All features included out of the box.
Fast.
Works like tailwind or WindiCSS but faster.
Fully customizable.
Very convenient shortcuts and regex.
Icons.
Add Pure CSS icons with a simple class.
Sweet.
Easy to use, works with tailwind components libraries .
Debug.
Easy to debug and develop.
VSCode extension.
Ready for you to jump in.
thanks to
Svelte and SvelteKit.
Easy to code. Fun to play with. Fast to deploy
Svelte is fire.
Intuitive framework. As if HTML, CSS and JS were friends again.
SvelteKit is lovely.
SSR out of the box and hot reload for fast prototyping.
A long road ahead to create the perfect presentation tool
Brief list of features that could be nice to have or that is already included: