What is Fusuma?
Fusuma is a CLI providing development environment, production build, deploying, exporting as PDF, and etc.
fusuma is a bridge which converts MarkDown to HTML, also it wraps configure(e.g. babel, webpack) like create-react-app.
Features
- Development environment (webpack-dev-server)
- Production environment (including optimization)
- Deploys to GitHub Pages
- Exports as PDF
- Supports for SNS and OGP
- Presenter mode
You can get cool slides just doing the following.
$ npm i fusuma -D
$ npx fusuma init
$ mkdir slides && echo '# Hello😄' > slides/title.md
$ npx fusuma build
just write in MarkDown and execute with CLI😍
Slide Library
Fusuma uses WebSlides which have many components and css-classes and so beautiful.
WebSlides - Making HTML Presentations Easy
Please see the sample slides.😍
Also, you can overwrite WebSlides's CSS.
Writing in MarkDown
If you write below, you'll get slides which have 2 pages.
## First Slide
Hi!
- -
## Second Slide
Hi!
Expansion
You can extend JavaScript and CSS to overwrite WebSlides.
Presenter Mode
Fusuma has the mode for presenters. The image below is for presenters.
Fusuma is compatible with Presentation API, but you can also use this mode if you use browsers which don't have Presentation API because Fusuma can fallback to using localstrage.
Presenter Note
If you write on the slide as follows, you can see this as the note.
<!-- note
Hi!
-->
## Hello😁
Sample Slide and Repository
slide: https://hiroppy.github.io/fusuma/intro
repo: https://github.com/hiroppy/fusuma/tree/master/samples/intro
I think that Fusuma is useful when you want to create slides quickly.✨
Enjoy😍
Top comments (0)