Articles
Design Engineering - a State of MindFinding my dream role blending code, design, and product thinkingDeepblog.designeng.club
How to Do Great WorkPaul Graham on choosing work worth a life.paulgraham.com
Interface LoversSpaces' magazine of interface craft and studio visits.spaces.is
Smashing Magazine — For Web Designers And DevelopersMagazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.Deepwww.smashingmagazine.com
The Era of TasteA manifesto for judgment, craft, and taste.goodest.design
Wispr Flow | Voice to Text Dictation & AI NotetakerFlow makes writing quick and clear with seamless voice dictation. It is the fastest, smartest way to type with your voice.Deepwisprflow.aiAI Skills
Emil Kowalski SkillsAnimation-first agent skills for design engineers.emilkowal.ski
GitHub - jakubkrehel/skills: A collection of agent skills that help you build great interfaces.A collection of agent skills that help you build great interfaces. - jakubkrehel/skillsDeepgithub.com
Jakub Krehel SkillsAgent skills for type, colour, layout, and accessibility.www.skills.sh
Matt Pocock SkillsUsing AI without dropping your standards: shaping, TDD, triage.www.aihero.dev- Security AuditCloudflare's six-phase security audit, run by your agent.github.com
UI SkillsA curated catalog of design-engineering skills.www.ui-skills.comCourses
AI for Designers and EngineersA course that teaches you how to use AI to help you build great interfaces.Deepaiforui.dev- AI HeroCourses and events for engineers building AI products.www.aihero.dev
animations.devEmil Kowalski's course on what makes animation feel right.animations.dev
Devouring DetailsAn interactive manual of interface detail, with components.devouringdetails.com
Easing Functions Cheat SheetEasing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.Deepeasings.net
Interactive SVG AnimationsAn interactive mini-course on creating SVG animations by Nanda Syahrasyad.Deepwww.svg.guide
Interface CraftArticles, walkthroughs, and tools for interface craft.www.interfacecraft.dev
InterfacesA design-engineering magazine with interactive demos.interfaces.dev- Interfaces › Cheat SheetPractical tips for making your interfaces clearer, easier to use and more polished.Deepinterfaces.dev
Invisible DetailsA course on the details that make interfaces feel considered.invisibledetails.com
Josh W. ComeauFriendly articles and tutorials for front-end web developers. ❤️Deepjoshwcomeau.com
Master.devHands-on courses across frontend, backend, cloud, and AI.master.dev
roadmap.shCommunity roadmaps and guides for developers.roadmap.sh
Screen Studio — Professional screen recorder for macOSScreen recorder for macOS. Create engaging product demos, courses, tutorial and social media videos. Add automatic zoom on mouse actions, smooth mouse movement, and other powerful effects and animations. Designed for macOS.Deepscreen.studio
Web Design Blog | Web Designer DepotWebdesignerDepot.com is a popular resource for web designers and developers, offering articles, tutorials, and insights on design trends, tools, and best practices. It serves as a hub for inspiration and education, covering topics like UX/UI, coding, and digital creativity.Deepwww.webdesignerdepot.comIconsets
before — curated directory of ASO imagesBrowse curated App Store screenshots, paywalls, onboarding flows, and icons from the best designed iOS apps.Deepbefore.click
Blode Icons4,000+ MIT icons in outline and solid, with Lucide-compatible names and props.blode.co
morphicons — SVG icon morphing library for React, Vue & SvelteMorph any SVG icon into any other with spring physics. Animate Lucide, Tabler and Heroicons in React, Vue, Svelte, React Native, Astro or vanilla JS. Zero dependencies, ~6 KB gzip.Deepwww.morphicons.com
MorphrigHow icon morphing actually works, in ten parts, ending with enough to go and build it yourself.Deepmorphrig.devUtilities
@web-kits/audioDeclarative Web Audio synthesis, with React hooks.audio.raphaelsalaja.com
AI Innovation Workspace | MiroSpeed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.Deepmiro.com
ASCIInatorASCII art from images, exported as PNG, SVG, or TXT.Deepasciinator.app
cablesCables is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments.Deepcables.gl
CalligraphFluid text transitions powered by MotionDeepcalligraph.raphaelsalaja.com
Capture, organize, and tackle your to-dos from anywhereMake the impossible, possible with Trello. The ultimate tool to boost your productivity. Escape the clutter and chaos—stay efficient with Inbox, Boards, and Planner from anywhere, even on mobile.Deeptrello.com
Claude Code by Anthropic | AI Coding Agent, Terminal, IDEAnthropic's agentic coding tool for developers. Claude Code understands your codebase, edits files, runs commands, and helps you ship faster.Deepclaude.com
Colors that look and work great for everyoneA modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.Deepcolor.review
Corner RadiiA tool to calculate perfect nested border radii.Deepcorner-radii.xyz
CursifyThe Ultimate Cursor Animation Library for React & Next.jsDeepcursify.vercel.app
DepthkitDepthkit is the world’s most widely used solution for volumetric video capture for AR, VR, MR, and other immersive media. Download Depthkit Record or Pro to capture full motion video and depth for use in interactive 3D environments like Unity or WebGL.Deepwww.depthkit.tv
Design Tokens Generator | design.devBrand colors or a Figma export in. Semantic CSS variables with dark mode, Tailwind v4 @theme, and DTCG tokens.json out. Runs in your browser.Deepdesign.dev
Devin Desktop | DevinManage fleets of local and cloud agents from one surface. Plan, delegate, review, and ship without leaving your editor.Deepcodeium.com
DialKitTune sliders, colours, springs, and easing in real time.www.dialkit.dev
DotForge26 dither animations, tuned live and exported as a self-contained canvas embed.dotforge.vercel.app
Easing GradientsA Tailwind plugin for smoother gradient fades.easing-gradients.ibelick.com
Easing GradientsSupercharge your gradients with non-linear color mix and custom color spaces.Deeplarsenwork.com
Easing GraphsA curated collection of easing graphsDeepwww.easing.dev
Easings editor | Anime.js | JavaScript Animation EngineVisualize, configure and generate JavaScript and CSS spring and easing functions with the official Anime.js Easing EditorDeepanimejs.com
