TypstFront
This website is written in Typst.
TypstFront
is a front-end framework that allows you to build dynamic and
interactive web pages using
Typst
. This project is
mainly for fun
and not intended
to be used in production.
Example Pages
Note: If you feel that the feedback from clicking or pressing keys is slow, this might be
normal, as each interaction requires sending a network request. You can
run the project
locally
to experience the full speed.
•
Todo List
•
Tetris
•
Tic Tac Toe
•
Wordle
Counter Example
#
import
"../lib.typ"
: Button
#
let
Page
(
ctx
:
(
)
,
query
:
(
)
,
storage
:
(
)
)
=
{
let
use-state
=
ctx
.
use-state
let
(
counter
,
set-counter
)
=
use-state
(
"counter"
,
0
)
Button
(
set-counter
(
counter
+
1
)
)
[
Counter
:
#
counter
]
}
Counter 0
How TypstFront Works
See
here
for a brief explanation of how TypstFront works and other information.