https://github.com/manjavacas/typslides
Minimalistic Typst slides.
https://github.com/manjavacas/typslides
typst typst-slides typst-template
Last synced: about 2 months ago
JSON representation
Minimalistic Typst slides.
- Host: GitHub
- URL: https://github.com/manjavacas/typslides
- Owner: manjavacas
- License: gpl-3.0
- Created: 2024-10-24T15:13:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-26T10:44:56.000Z (about 2 months ago)
- Last Synced: 2026-01-27T00:35:54.172Z (about 2 months ago)
- Topics: typst, typst-slides, typst-template
- Language: Typst
- Homepage: https://typst.app/universe/package/typslides/
- Size: 5.32 MB
- Stars: 74
- Watchers: 1
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Typslides is a minimalist package for creating presentations with typst, designed to offer a simple and fast user experience. Structure your content with different slide styles and aesthetic elements. With a clear and concise syntax, Typslides makes it easy to create elegant and well-organized presentations.
Default themes:
🔵 bluey 🔴 reddy 🟢 greeny 🟡 yelly 🟣 purply 🔵 dusky ⚫ darky
# Quickstart
This is a simple usage example:
```typst
#import "@preview/typslides:1.3.2": *
// Project configuration
#show: typslides.with(
ratio: "16-9",
theme: "bluey",
font: "Fira Sans",
font-size: 20pt,
link-style: "color",
show-progress: true,
)
// The front slide is the first slide of your presentation
#front-slide(
title: "This is a sample presentation",
subtitle: [Using _typslides_],
authors: "A. Manjavacas",
info: [#link("https://github.com/manjavacas/typslides")],
)
// Custom outline
#table-of-contents()
// Title slides create new sections
#title-slide[
This is a _Title slide_
]
// A simple slide
#slide[
- This is a simple `slide` with no title.
- #stress("Bold and coloured") text by using `#stress(text)`.
- Sample link: #link("typst.app").
- Link styling using `link-style`: `"color"`, `"underline"`, `"both"`
- Font selection using `font: "Fira Sans"`, `size: 21pt`.
#framed[This text has been written using `#framed(text)`. The background color of the box is customisable.]
#framed(title: "Frame with title")[This text has been written using `#framed(title:"Frame with title")[text]`.]
]
// Focus slide
#focus-slide[
This is an auto-resized _focus slide_.
]
// Blank slide
#blank-slide[
- This is a `#blank-slide`.
- Available #stress[themes]#footnote[Use them as *color* functions! e.g., `#reddy("your text")`]:
#framed(back-color: white)[
#bluey("bluey"), #reddy("reddy"), #greeny("greeny"), #yelly("yelly"), #purply("purply"), #dusky("dusky"), darky.
]
// #show: typslides.with(
// ratio: "16-9",
// theme: "bluey",
// ...
// )
- Or just use *your own theme color*:
- `theme: rgb("30500B")`
]
// Slide with title
#slide(title: "Outlined slide", outlined: true)[
- Check out the *progress bar* at the bottom of the slide.
#h(1cm) `show-progress: true`
- Outline slides with `outlined: true`.
#grayed([This is a `#grayed` text. Useful for equations.])
#grayed($ P_t = alpha - 1 / (sqrt(x) + f(y)) $)
]
// Columns
#slide(title: "Columns")[
#cols(columns: (2fr, 1fr, 2fr), gutter: 2em)[
#grayed[Columns can be included using `#cols[...][...]`]
][
#grayed[And this is]
][
#grayed[an example.]
]
- Custom spacing: `#cols(columns: (2fr, 1fr, 2fr), gutter: 2em)[...]`
- Sample references: @typst, @typslides.
- Add a #stress[bibliography slide]...
1. `#let bib = bibliography("you_bibliography_file.bib")`
2. `#bibliography-slide(bib)`
]
// Bibliography
#let bib = bibliography("bibliography.bib")
#bibliography-slide(bib)
```
# Sample slides
