A list of useful tools for web-focused design engineers; curated by James Warner.

Explore 162 animated UI examples with CSS snippets, 99 React examples, and 153 AI prompts. Preview, learn, and copy the code.

See the UI element, learn its real name and API symbol, and copy a precise prompt for your coding agent.

123 free CSS text effects and text animations: glitch, neon, gradient, typewriter, 3D and more. Pure CSS, no JavaScript. Copy & paste the code.

A small library of playful, physics-driven React elements: a ceiling pull-cord with a real Verlet rope, a claw-machine captcha, and more.

Your e-commerce inspiration feed updated every week. Browse hundreds of curated online stores sorted by industry, tech stack, colors and more.

An open source component library of creative html-in-canvas effects for React, Solid, Preact, Vue, Svelte, and vanilla JS. Every effect ships as WebGL and WebGPU (via vgpu) builds, running over live HTML.

UI・テキスト・ロゴ・キャラクター・3Dに使える動きとイージングを検索・比較。

Ten open source tools for designers and developers, checked against GitHub and npm. Each entry names the one caveat to weigh before you adopt it.