← back to Archetypes

Mechanics library

16 reusable building blocks — self-contained HTML + CSS + JS (and one Streamlit/Python) snippets you can drop into any archetype. Each one has plain-English guidance on when to use, when to skip, and what past projects shipped it.

Click + Add to bundle on any mechanic, then jump to Prompt Assembly to get your ready-to-paste prompt.

Step 3 · Showcase

See real builds

22 projects shipped using these archetypes + mechanics. Live sites, preview pieces on derrickteo.com, and works-in-progress.

Next · Showcase →