Overview

Astro-typst is an innovative integration designed for users who want to leverage the flexibility of Typst within an Astro framework. With its seamless implementation of typst.ts, this tool serves as a versatile wrapper that makes it easy to create stunning visual content for websites. By combining the capabilities of Astro with Typst’s dynamic features, developers can render typography-rich content with minimal effort and maximum impact.

Whether you are looking to enhance your web projects with striking graphics or simply want to manage and display content more effectively, Astro-typst provides a comprehensive solution. From utilizing system fonts to enabling interactive text layers, this integration opens up a world of possibilities for modern web development.

Features

Import Packages in Typst Universe: Easily import and manage various packages to enhance your Typst experience.
File Inclusion: Supports importing, including, and reading files or resources seamlessly.
System Fonts: Utilize system fonts to create unique text presentations without additional setup.
Clickable Text Layer: Create selectable and clickable text elements for interactive user experiences.
Static SVGs and HTML: Render static SVG images and HTML without the need for JavaScript, ensuring faster load times.
Content Collections: Organize and manage content collections to keep your site structured and efficient.
Frontmatter Integration: Write frontmatter directly in .typ files for easy metadata management without visible content.
SVG Output Options: Emit SVG assets and render them as <img> tags, with extended functionality to save as standalone files.

Overflowcat

Astro Typst

Blog