







Learn how to use blend modes in Sketch to give your designs that extra polish.
Compositing & Blending • Niklas Gadermann
Exploring the math and intuition behind blend modes in the browser
How Sketching Helps Me Develop Ideas
Sketching isn’t about perfection—it’s about thinking through ideas and making them easier to share.

Fragment | A modern toolkit for creative coding
Fragment lets you sketch, render, and export canvas-based graphics with ease, from quick experiments to production-ready visuals. Built on top of Vite, Svelte and Mediabunny.

standard.mode.place: carry your look from app to app
An open style standard on AT Protocol. Make a theme, save it to your account, and any app that speaks it renders it your way.

Interfaces › Cheat Sheet
A list of tips, improvements and best practices that quickly make your interfaces better.

(Re)defining Blender — Blender Developers Blog
It's a recurring event for a lively project like Blender that the UI, usability, design, focus or other important principles pop up as topics for discussion.

What is a harmonic? An interactive comic about additive synthesis
Where do harmonics even come from? Learn about additive synthesis and play with interactive string modes.

Fullscreen rendering - Claude Code Docs
Enable a smoother, flicker-free rendering mode with mouse support and stable memory usage in long conversations.
Keyviz
Keyviz is a free and open-source tool to visualize your keystrokes and mouse actions.
Protoship Codegen
Protoship Codegen converts your Sketch designs to simple and precise HTML and CSS that your developers can instantly understand, change, and integrate into their codebase.
@tomlarkworthy/svg-lens
The drawing syncs to the code and vice versa. Switch between using code and UI. Built on composable lens [Foster et al. 2007] and edit-lens [Hofmann et al. 2012] theory, but applied in the string domain so unknown semantics like SVG animations are preserved without parsing. Follows the path of Sketch-n-Sketch [Chugh et al. 2016] [Hempel et al. 2019] but applied to an existing image format: SVG. Generated with a novel prompting strategy of requesting an LLM to use property checking against mathematical laws as a architecture, leading to strong implementation consistency over an expansive domain.
Studio 2am | Graphic Design Effects, Textures, Fonts, Mockups
Premium and free graphic design assets, effects, fonts, mockups, and textures for creatives. Download Photoshop effects, actions, templates and more.

Apple Design Resources
Design apps accurately and quickly using official Apple design templates, icon production templates, color guides, and more.

tilde.style
tilde.style is a design toolkit, not a design. Three real, contributed styles — click one to see the whole page become it.
userinterface.wiki
A living manual for better interfaces. Learn design principles, motion, typography, and more.

