Toys
25 Loading Buttons25 loading buttons, each a different animation you click to replay.loader-buttons.appllama.io- blade.gardenAn ASCII Beyblade — build a spinner out of its shape, then let it rip.www.blade.garden
- ClickclickclickA page that watches how you click.clickclickclick.click
- Clouds in MotionA real-time cloud renderer you can fly through.clouds-in-motion.pages.dev
- SandspielA falling-sand drawing toy in the browser.sandspiel.club
- The Useless WebA random useless website, on demand.theuselessweb.com
Articles
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
- The Era of TasteA manifesto for judgment, craft, and taste.goodest.design
Skills
Emil Kowalski SkillsAnimation-first agent skills for design engineers.emilkowal.ski- 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.com
Learn
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
- Interface CraftArticles, walkthroughs, and tools for interface craft.www.interfacecraft.dev
- InterfacesA design-engineering magazine with interactive demos.interfaces.dev
- Invisible DetailsA course on the details that make interfaces feel considered.invisibledetails.com
- Master.devHands-on courses across frontend, backend, cloud, and AI.master.dev
- roadmap.shCommunity roadmaps and guides for developers.roadmap.sh
Icons
Blode Icons4,000+ MIT icons in outline and solid, with Lucide-compatible names and props.blode.coUtilities
@web-kits/audioDeclarative Web Audio synthesis, with React hooks.audio.raphaelsalaja.com- ASCIInatorASCII art from images, exported as PNG, SVG, or TXT.Deepasciinator.app
- 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
- gifskiHighest-quality GIF encoder, from video or a frame sequence.Deepgif.ski
- MotionProduction animation for React, JavaScript, and Vue.motion.dev
- PostSparkScreenshot editor with backgrounds, annotations, effects, and browser frames.Deeppostspark.app
- RampsOKLCH colour ramps and semantic tokens from one brand colour.www.ramps.studio
- React Bits ToolsSmall tools beside the React Bits component set.reactbits.dev
- Rynix StudioCreative effects for images, video, and camera, applied in the browser.Deepstudio.rynix.in
- ScreanApp Store and Google Play screenshot sets for iPhone, iPad, Mac, and Android.Deepscrean.app
- Screenshot StudioScreenshot editor and mockup maker — gradient backgrounds, browser frames, shadows, 3D, animation.www.screenshot-studio.com
- Tabbied338 generative patterns, recoloured live and exported as PNG, SVG, or PDF.tabbied.com
- ToooooolsLo-fi raster effects — stipple, halftone dots, patterns — for stills and video. Opens on stippling.www.tooooools.app
- UI CameraTurn UI into polished product photos and video.ui.camera
Archives
archives.designHistorical design books, specimens, posters, and ephemera.archives.design- CARIAn archive of consumer aesthetics, era by era.cari.institute
- Design BooksAround thirty design books held to be essential, from Meggs and Hofmann to Laws of UX.design-books.com
- Every Single FrameAcclaimed films, one random frame at a time.www.everysingleframe.com
- Moving Image ArchiveShort moving-image excerpts across decades of screen work.www.movingimagearchive.com
- The Met Open AccessPublic-domain artwork images from the Met, free under CC0.metmuseum.org
- Typographic PostersA searchable archive of typographic posters.www.typographicposters.com
- Whole Earth IndexEvery Whole Earth Catalog and journal, 1968–2002.wholeearth.info
Typography
DinamoBerlin foundry behind ABC Diatype and Monument Grotesk.www.abcdinamo.com- DisplaayPrague foundry behind Reckless, Tobias, and Matter.displaay.net
- FontshareA free quality font service by ITF.www.fontshare.com
