slide.ng themes

Live demos of all five themes: https://slide-ng.github.io/themes/

The official themes of slide.ng, one npm package each. Four are ports of the official Slidev themes, rebuilt for slide.ng's theme contract (layouts, components and CSS as Angular code); adev is new and inspired by angular.dev.

Theme	Package	Original	Layouts
seriph	@slide-ng/theme-seriph	Anthony Fu	cover (plus the built-in layouts, restyled)
shibainu	@slide-ng/theme-shibainu	iiiiiiinès	14
bricks	@slide-ng/theme-bricks	iiiiiiinès	9, and <polygon-1 /> to <polygon-11 />
apple-basic	@slide-ng/theme-apple-basic	Jeremy Meissner	10
adev	@slide-ng/theme-adev	Inspired by angular.dev	12, and 19 components (<adev-alert>)

default is not here: it is the built-in look of slide.ng.

Install and use

npm i -D @slide-ng/theme-seriph

---
theme: seriph
---

slide.ng looks for theme: seriph in node_modules as @slide-ng/theme-seriph, then slide-ng-theme-seriph, then seriph. If none is installed, the build stops and prints the install command.

Detail on each theme is in the documentation at slide-ng.dev. examples/<name>.md shows every layout of each theme.

Develop

npm install                 # links the packages into node_modules/@slide-ng
npm test                    # package checks, then a browser test of every theme
npm run format:check

The tests need a checkout of slide.ng with its dependencies installed (SLIDE_NG_DIR, default ../slide.ng) and a Chromium (CHROME_PATH).

Maintainers

Erkam Yaman Maintainer

Contributors

Thanks to everyone who has helped. This project follows the all-contributors specification. Contributions of any kind welcome!

Erkam Yaman 💻 📖 🚧

Sponsors

The slide.ng themes is free and open source. If it helps your work, please consider sponsoring it. Your support keeps development going.

Credits and licence

Layout names, slots, CSS values and font settings follow the Slidev themes, which are MIT licensed (Copyright (c) 2021 Slidev.js Team). The designs are by Anthony Fu (seriph), iiiiiiinès (shibainu, bricks) and Jeremy Meissner (apple-basic). The Angular code is new. adev is inspired by angular.dev (Angular, MIT, Google LLC) and is not an official Angular theme; slide.ng is not affiliated with or endorsed by Google or the Angular team. The images of the originals are CC BY-NC-SA 4.0 and are not copied here; the ports draw CSS gradients instead (see NOTICE).

MIT License © 2026 Erkam Yaman, see LICENSE.

Contributing

Read CONTRIBUTING.md. Changes follow the Code of Conduct; security problems go through SECURITY.md. Changes are listed in CHANGELOG.md.

Disclaimer

slide.ng is an independent open-source project. It is not affiliated with or endorsed by the Angular team or Google, or by Slidev. Angular is a trademark of Google LLC; Slidev is a project of its own maintainers. The names are used only to describe what the themes are based on. This is a plain notice, not legal advice.

The demo decks have a small theme switcher in the top left corner to jump to the other themes at the same slide. It lives in examples/layers and examples/components, is for the demos only and is not part of the theme packages.