Typst Components

🐦 Reusable, pre-styled components for typst

Inline Code

View source code ↗️

#code(
  "if(success) { return [>=, <=, ===, !=, ***]; }",
  background: tailwind.violet-300,  // Default: #rgb("#d2f0d4")
  foreground: tailwind.neutral-900, // Default: #rgb("#000000")
)

Boxed Link

View source code ↗️

#boxed_link(
  "https://github.com/Az-21/",
  background: tailwind.emerald-900, // Default: #rgb("#d2e7f0")
  foreground: tailwind.emerald-100, // Default: #rgb("#000000")
  size: 12pt,                       // Default: 10pt
  width: 50%,                       // Default: 100%
)

Sync

Move changes from git repo to @local Typst folder, and vice versa.

# git -> @local
python ./sync.py --from-git-to-local

# @local -> git
python ./sync.py --from-local-to-git

Other Typst Repos

Typst Material You

Utility to parse material you theme for Typst Get it on https://github.com/Az-21/material-you-adapter