Prototemplate

A design lab of 27 live website designs and its own graphics engines.

ShaderType

Open www.prototemplate.com Source

The numbers

1,025commitsgit rev-list --count d8ebecaa1
6GitHub starsgh api repos/Kevin-Liu-01/Prototemplate --jq .stargazers_count (2026-10-30)
44check filesgh api repos/Kevin-Liu-01/Prototemplate/git/trees/d8ebecaa1?recursive=1 | grep -cE <glob>
16.02commits per active day1025 commits over 64 distinct commit dates, 2026-07-30 to 2026-10-30

Trait

Paused Offscreen Its animations pause off screen, so out of play it regains 6% Health a turn.

Prototemplate@d8ebecaa1:ARCHITECTURE.md:239-240 (sections/visibility.ts: loops pause off screen)

Moves

Horizon Field hits for 85, 90% of the time. A black hole drawn live bends the page’s ruled lines into arcs, and your pointer can bend them too.
Prototemplate@d8ebecaa1:src/lib/horizon-field.ts:1-21, 38-40, 45-52
Studio Field hits for 28, 2 to 3 times, 95% of the time. Ten animated patterns of square dots share one graphics canvas, so a page can run many at once.
Prototemplate@d8ebecaa1:src/lib/studio-field.ts:44-49, 122-152; content/docs/components/(fields)/dither.mdx:100
Glyph Rain hits for 55 and sharpens its next hit. Glyphs from eight writing systems rain down and gather into the word “language” in one script after another.
Prototemplate@d8ebecaa1:src/lib/glyph-field.ts:1-12; ARCHITECTURE.md:259
Every Sentence hits for 65 and stuns 20% of the time. A headline breaks into glyphs and regroups as the same sentence in the next language, right-to-left included.
Prototemplate@d8ebecaa1:src/components/shared/EverySentence.tsx:13-21; content/docs/components/(language-and-motion)/motion.mdx:59

Numbers pinned at d8ebecaa1, 2026-10-30.

# every page, one line each
$ curl -s https://www.kevinliu.studio/llms.txt
# every card in one file
$ curl -s https://www.kevinliu.studio/llms-full.txt
# this page as Markdown
$ curl -s -H "Accept: text/markdown" https://www.kevinliu.studio/cards/prototemplate

HTTP 200 · text/markdown · 2,124 bytes
# Prototemplate

A design lab of 27 live website designs and its own graphics engines.

Card 11 of 26 in Kevin Liu's collection. 2026. Shader and Type.

- Live: https://www.prototemplate.com
- Source: https://github.com/Kevin-Liu-01/Prototemplate
- Inks: 3
- Health 334, attack 115, defence 117, speed 126

## The numbers

- **1,025 commits**. Receipt: `git rev-list --count d8ebecaa1`
- **6 GitHub stars**. Receipt: `gh api repos/Kevin-Liu-01/Prototemplate --jq .stargazers_count (2026-10-30)`
- **44 check files**. Receipt: `gh api repos/Kevin-Liu-01/Prototemplate/git/trees/d8ebecaa1?recursive=1 | grep -cE <glob>`
- **16.02 commits per active day**. Receipt: `1025 commits over 64 distinct commit dates, 2026-07-30 to 2026-10-30`

## Trait

**Paused Offscreen**. Its animations pause off screen, so out of play it regains 6% Health a turn. Receipt: `Prototemplate@d8ebecaa1:ARCHITECTURE.md:239-240 (sections/visibility.ts: loops pause off screen)`

## Moves

- Horizon Field hits for 85, 90% of the time. A black hole drawn live bends the page’s ruled lines into arcs, and your pointer can bend them too. Receipt: `Prototemplate@d8ebecaa1:src/lib/horizon-field.ts:1-21, 38-40, 45-52`
- Studio Field hits for 28, 2 to 3 times, 95% of the time. Ten animated patterns of square dots share one graphics canvas, so a page can run many at once. Receipt: `Prototemplate@d8ebecaa1:src/lib/studio-field.ts:44-49, 122-152; content/docs/components/(fields)/dither.mdx:100`
- Glyph Rain hits for 55 and sharpens its next hit. Glyphs from eight writing systems rain down and gather into the word “language” in one script after another. Receipt: `Prototemplate@d8ebecaa1:src/lib/glyph-field.ts:1-12; ARCHITECTURE.md:259`
- Every Sentence hits for 65 and stuns 20% of the time. A headline breaks into glyphs and regroups as the same sentence in the next language, right-to-left included. Receipt: `Prototemplate@d8ebecaa1:src/components/shared/EverySentence.tsx:13-21; content/docs/components/(language-and-motion)/motion.mdx:59`

Facts pinned at commit d8ebecaa1 on 2026-10-30.

Back to every card: https://www.kevinliu.studio/