The Best Design,
Ready for 
Claude Code
310 motion pieces, components and templates for sites, apps and internal tools. Copy the prompt and your agent rebuilds it in your project.
Developing tasteEmil Kowalski on why taste matters for builders and the practical habits that train it.emilkowal.ski
12 principles of animationThe classic Disney principles of animation, each shown with an interactive example and applied to interfaces.raphaelsalaja.com
animations.devEmil Kowalski's course on web animation: theory, CSS, Framer Motion and the taste to know when and how to animate.animations.dev
Web Interface GuidelinesRauno Freiberg's list of details that make a good web interface, from focus and forms to animation and touch targets.interfaces.rauno.me
Devouring DetailsAn interactive reference manual on interaction design, by Rauno Freiberg, where every principle is something you can touch.devouringdetails.com
Family ValuesThe design principles behind the Family wallet, explained with the animations that made it famous: simplicity, fluidity, delight.benji.org
Interactive SVG animations courseA hands-on mini-course on SVG animation by Nanda Syahrasyad, with playable examples at every step.svg.guide
Invisible details of interaction designRauno Freiberg on what makes great interactions feel right, with live demos of momentum, interruptibility and spatial consistency.rauno.me
Interface CraftA working library on designing interfaces with uncommon care: lessons and studies on the details most people skip.interfacecraft.dev
userinterface.wikiA living manual for better interfaces: principles of motion, typography and interaction, each with interactive examples.userinterface.wiki
Details that make interfaces feel betterJakub Krehel's collection of small interface details, each with a live demo: the kind of polish people feel without noticing.jakub.kr
Using AI as a design engineerJakub Krehel's daily AI workflow as a design engineer: where it speeds him up and where he still does it by hand.jakub.kr
Interfaces magazineA design engineering magazine: interviews, breakdowns and essays on how interfaces are made.interfaces.dev
The concept of tasteAn exploration of aesthetic taste in art and design: where it comes from and how it can be trained.raphaelsalaja.com
Front-of-the-front-endBrad Frost's classic on splitting front-end work into the design-facing side and the data-facing side, and why the first is its own craft.bradfrost.com
You don't need animationsEmil Kowalski on when to skip motion entirely: frequency of use, purpose and speed decide whether an animation earns its place.emilkowal.ski
Morphrig, how icon morphing worksA ten-part interactive explainer on morphing one icon into another, ending with enough to build it yourself.morphrig.dev
Interface cheat sheetA list of small fixes and best practices that make an interface better in minutes, from focus states to optical alignment.interfaces.dev
On AI, systems, taste and the human filterAn essay on why taste becomes the scarce skill when AI can generate endless options, and how designers act as the filter.shedsgns.me
Anatomy of an AI inputA breakdown of the parts of a modern AI prompt box (attachments, model picker, actions, states), useful before designing your own.ibelick.com
Choosing an alternative to InterTwo concrete criteria for picking a UI font that is not Inter: vertical metrics centered on the caps and a tall x-height, with candidates compared.yeptype.com
How I design with AIAn engineer who is not a designer shows the workflow he uses to get non-generic interfaces out of AI tools.ref.tools
HTML can do thatA list of dynamic features plain HTML now handles without JavaScript, from dialogs to popovers to accordions, each with a live example.chrisburnell.com
Limit the number of detailsA short piece from Lightspark's design team on why every extra detail costs attention, and how fewer details make the remaining ones land.design.lightspark.com