Arlan's Vault
18 web UI effects, each with a one-line spec, a live demo, and a copyable prompt
A running collection of visual and motion effects kept by Arlan Marat, a design engineer at Human Delta. Each entry is a single effect — kinetic typography, chromatic glow, Apple's squircle corners, Dia Browser's gradient, the Amo hover button, Midjourney's ASCII treatment — presented as a live client-rendered demo, a one-sentence description of the mechanism, and a "Copy prompt" button that hands you the prompt to recreate it. Everything is MIT and explicitly free to copy. It is a reference for effect ideas, not a component library.
Reach for this when a brief asks for a specific named effect and you need the mechanism, not a library — the one-line descriptions ('a letter is cut into a grid of tiles, each tile slips on its own wave') are precise enough to implement from directly. The entry pages render their demos in client-side JS, so a plain fetch returns only the title and that one sentence; the prompt text sits behind a Copy button and will not come back from a scrape. Pair it with a motion library like Motion or GSAP for the actual build, and expect to write the CSS yourself.
Why it is here. It documents the specific effects that circulate in 2026 product design — Dia's gradient, Amo's hover button, Apple's corner curvature — with enough mechanical detail to rebuild rather than merely admire.
- one-line mechanism descriptions
- copy-prompt per effect
- MIT, free to copy
- tracks effects from Dia, Amo, Apple, Midjourney
- 18 entries, June to August 2026
Verified 2026-08-15. HTTP 200. https://www.arlan.me/vault, https://www.arlan.me/vault/kinetic-typography, https://www.arlan.me (raw HTML inspected for the entry URL list)
