Vivliostyle Themes Gallery

This is a gallery of Vivliostyle Themes released as npm packages. Newly released themes are added here as soon as we find them, but if you find something that is not listed, please send an issue or pull request.

Official Vivliostyle Themes

Currently, there are six official themes.

@vivliostyle/theme-bunko

It is suitable for Japanese vertical novels. It also supports ruby and horizontal-in-vertical composition (in Japanese, "縦中横"). CSS variables allow customization of lines/characters per page, page headers, and more.

README (CSS variables list)

Theme-bunko sample image. The manuscript is 'Night on the Galactic Railroad'.

@vivliostyle/theme-slide

This is good for slide presentations. The style changes between the cover page and the general page. CSS variables allow customization of colors, layout, and cover page styles.

README (CSS variables list)

Theme-slide sample image. On the left is the cover page with a blue background, and on the right is the general page with a white background.

@vivliostyle/theme-techbook

A technical book designed with printing in mind (e.g., margins adjustment at the inside/outside margin). Source code and table of contents are also supported. CSS variables allow customization of colors, page headers/footers, and image resolution.

README (CSS variables list)

Sample images from theme-techbook. In addition to text, it has a table and source code.

@vivliostyle/theme-academic

This is suitable for reports written by students. Chapter and section numbers are automatically added. CSS variables allow customization of figure sizes and frame element styles.

README (CSS variables list)

Sample images from theme-academic. In addition to text, it contains diagrams and tables.

@vivliostyle/theme-gutenberg

This is suitable for horizontal novels in English. In addition to the default theme.css, three CSS variations (alice.css, fang.css, sherlock.css) are available.