Everything that went into the catalogue in the last update, grouped by where it lives. Each entry was opened and used before it was added.
- 140
- new tools
- 37
- sections
Web galleries
Shipped sites to study before you open an editor.
7- MinimumnewA tight, quiet selection of minimal websites.
- loadmo.renewArchive of unusual mobile websites and mobile-first experiments.
- InsporanewDesign inspiration refreshed hourly across web, branding, product, motion and print.
- SaasponewSoftware landing pages, tagged by section and layout.
- SEESAWnewInspiration sorted by page section rather than whole site.
- SupaheronewNothing but hero sections, for when the first screen is the problem.
- LayersnewCommunity where designers post work in progress and finished pieces.
Interaction references
Motion and micro-detail, studied frame by frame.
2- 60fpsnewScreen recordings of app interactions that move well.
- Design SpellsnewSmall details in software that feel like magic, broken down.
Game & HUD UI
Interfaces built for speed, density and spectacle.
3- Game UI DatabasenewThousands of game screens, filterable by screen type and genre.
- HUDS+GUISnewFictional and film interfaces: HUDs, FUI and sci-fi screens.
- Interface In GamenewGame interfaces collected by game and element, with video.
Brand & visual systems
Identity work and graphic systems.
2- RebrandnewBefore-and-after identity refreshes from studios worldwide.
- SearchSystemnewLong-running archive of graphic design and visual systems.
Moodboards & visual search
Collect, cluster and find things by feel.
3- Same EnergynewSearch images by vibe instead of keywords.
- SOOT SpiralnewEndless visual exploration from SOOT, one image leading to the next.
- PinterestnewThe widest net for visual reference, if you filter hard.
Essays & craft
Writing that changes how you build.
8- You Don't Need AnimationsnewThe case against animating what people see a hundred times a day.
- Developing TastenewTaste as a trained instinct, and how to train it.
- Details That Make Interfaces Feel BetternewSmall decisions that separate a good interface from a right one.
- Family ValuesnewHow Family decided what its app should feel like.
- Limit the number of detailsnewEvery detail spends attention. Cutting some is what funds the rest.
- HTML Can Do ThatnewBehaviour that used to need JavaScript and now ships in HTML.
- Front-of-the-front-endnewThe split inside front-end work, finally named clearly.
- Anatomy of AI InputnewWhat an agent input is actually made of, part by part.
Courses & books
Longer reads and structured learning.
3- Design BooksnewA reading list sorted by what you want to get better at.
- Interactive SVG AnimationsnewA short interactive course on animating SVG properly.
- A Five-Minute Guide to Better TypographynewThe short version of what most type mistakes have in common.
Patterns & guidelines
How the parts of an interface are supposed to behave.
7- Interface Cheat SheetnewQuick fixes that lift an interface, in one scannable list.
- Devouring DetailsnewInteractive manual on the details inside interactions.
- Design PrinciplesnewDecision frameworks teams actually published, collected.
- Design Systems SurfnewPublic design systems with components and foundations indexed.
- Design System ChecklistnewWhat a design system needs before you can call it one.
- UI PlaybooknewEach common component documented with its states and edge cases.
- userinterface.wikinewA living manual on interface principles, motion and type.
Motion design
Timelines and state machines, designed visually.
3- CavalrynewProcedural 2D animation for data, type and generative motion.
- Lottie CreatornewBrowser-based editor for making and tweaking Lottie files.
- LottielabnewAnimate in the browser and export Lottie for product UI.
Scanning & splats
Capture the real world as meshes and Gaussian splats.
6- Luma AInewTurn phone video into interactive 3D scenes.
- PolycamnewPhotogrammetry, LiDAR and splat capture on phone or web.
- KIRI Enginenew3D scanning app with photogrammetry and Gaussian splatting.
- RealityScannewEpic's free app for turning photos into 3D models.
- SuperSplatnewOpen-source browser editor for cleaning and publishing splats.
- DepthkitnewVolumetric video capture for people and performances.
Node & generative
Visual programming for real-time graphics.
5- TouchDesignernewNode-based real-time visuals for installations and live shows.
- cables.glnewBrowser-based node editor for WebGL, exportable to the web.
- NodeToynewNode-based shader editor that exports to Three.js.
- NodesnewVisual programming that composes reusable code blocks into programs.
- BitspacenewNode-based creative canvas for generative experiments.
Digital fashion
Garments simulated in 3D.
3- CLOnewIndustry-standard 3D garment design and fitting.
- Marvelous DesignernewCloth simulation for characters, games and film.
- Style3Dnew3D fashion design and digital sampling platform.
Whiteboards
Infinite canvases for flows and systems.
1- MusenewSpatial canvas for thinking with notes, PDFs and images.
Coding agents
Agents that write the interface with you.
2- OpenAI CodexnewOpenAI's coding agent for the terminal, IDE and cloud.
- ClinenewOpen-source coding agent that runs in your editor.
MCP & agent context
What your agents know and can reach.
6- skills.shnewDirectory and leaderboard of reusable agent skills.
- ImpeccablenewOne skill and twenty commands that hold an agent to a design floor.
- Taste SkillnewSkill files that stop coding agents shipping generic frontends.
- UI SkillsnewSkills for polishing an interface an agent built.
- emilkowalski/skillsnewEmil Kowalski's design-engineering skills for agents.
- jakubkrehel/skillsnewAgent skills for animation, typography, layout and colour.
WebGL & shaders
Pixels computed, not placed.
3- gltfjsxnewTurns glTF models into reusable React Three Fiber components.
- gltfpacknewCompresses and optimises glTF files for fast web delivery.
- Needle ViewernewDrop in a glTF to inspect it and check what it will cost.
Component libraries
Installable or copy-paste sets with a finished look.
5- 21st.devnewCommunity registry of shadcn-style components, installable by command.
- BenchonewInteractive UI blocks you can tweak in place before taking the code.
- devl.devnewTwo years of UI experiments, 159 components on the shadcn registry.
- ShooglenewSearch components and blocks across every shadcn registry at once.
- crd-uinewPayment card field with live brand detection and a 3D flip.
Micro-interactions
Timing, springs and the moment after the click.
9- React Bits PronewPaid React Bits tier: marketing and app blocks, templates, and an agent kit that installs them.
- Fancy ComponentsnewPlayful, experimental React components with motion.
- CursifynewCustom cursor effects as drop-in React components.
- Framer University ResourcesnewFree Framer components, effects and templates.
- Rare UInewAnimated React components, one file each, installed with the shadcn CLI.
- Transitions.devnewThe handful of transitions web apps actually need, ready to paste in.
- morphiconsnewMorph any SVG icon into another with spring physics.
- CalligraphnewFluid text transitions built on Motion.
- TorphnewAnimated text component with no dependencies.
Agent interfaces
Composers, streams, tool calls and approvals.
3- AICSSnewThinking states, tool calls and citations for agent chat, in React, Vue and Svelte.
- Thinking orbsnewDotted thought-orbs for the wait between prompt and answer.
- Dot MatrixnewDot-matrix loaders you install from the shadcn registry and own.
Charts, tables & canvases
Dense data and node editors.
2- LivelinenewReal-time line chart for React that stays smooth under a live feed.
- dither-kitnewDithered charts with a Recharts-style children-as-config API.
Typefaces
Where good fonts come from.
4- Free FacesnewCurated free typefaces with real specimens.
- UNCUTnewFree and open-source display faces with a contemporary edge.
- Best Free FontsnewHand-sorted list of free fonts worth using.
- Inter alternativesnewTwo real criteria for picking a UI font, plus ten that are not Inter.
Icons & emoji
Consistent sets with React packages.
1- MakeEmojinewGenerate custom emoji from a prompt, sized for Slack and Discord.
Illustration
Scenes and characters.
1- HashvatarnewDeterministic avatars from any string, in gradient or dither.
Textures, models & photo
Noise, gradients, HDRIs and imagery.
1- Images in motionnewContinuous animated image columns running in opposite directions.
Audio
Sound for interfaces, video and games.
6- ElevenLabsnewAI voices, sound effects and music generation.
- SplicenewRoyalty-free sample library for sound design.
- FMODnewAdaptive audio middleware for games and interactive work.
- soundcnnew700+ UI sound effects curated for web apps.
- CuelumenewInteraction sounds synthesised live with Web Audio, no files to ship.
- @web-kits/audionewDeclarative audio synthesis for the web.
Motion & easing
Curves, shadows and clip paths.
4- Anime.js Easing EditornewTune easing curves and springs with a live preview.
- Easing GradientsnewGradients with eased stops, so fades lose their hard edge.
- Easing GraphsnewCurated easing curves, graphed side by side.
- shadowLabnewBuild box shadows for web and React Native in one place.
Colour & contrast
Check it before someone else does.
2- Color.reviewnewContrast checker that previews your pair as real text.
- OKLCH.fyinewGenerate and explore uniform OKLCH palettes.
CSS & type
Scales, features and support tables.
4- Corner RadiinewWork out the inner radius so nested corners stay concentric.
- Design Tokens GeneratornewBrand colours in, semantic CSS variables and a Tailwind theme out.
- Gradient Border PluginnewTailwind plugin for gradient borders via mask-composite.
- kugirinewSplits text into lines, words and characters where the browser already broke it.
Performance & accessibility
Measure before you ship.
3- ramsnewAutomated design review for generated code: accessibility and visual bugs.
- AgentationnewGives an agent visual feedback on what it just built.
- RemediatenewIn-app feedback with screenshots and annotations, routed to your tracker.
Launchers & productivity
Native apps that stay open all day.
5- Claude CoworknewClaude working across your files and apps from the desktop.
- GranolanewAI meeting notes that build on what you jot down.
- Wispr FlownewVoice dictation that writes cleanly in any app.
- LocalSendnewSend files between nearby devices, no cloud needed.
- DeskflownewShare one keyboard and mouse across computers.
Recording & video
Capture, edit and stream.
8- RecordlynewOpen-source recorder with auto-zoom, animated cursor and webcam.
- OBS StudionewFree, open-source recording and live streaming.
- ShareXnewOpen-source capture and upload tool for Windows.
- LosslessCutnewTrim and cut video instantly without re-encoding.
- OpenCutnewOpen-source video editor that runs anywhere.
- DaVinci ResolvenewPro editing, colour and audio, with a generous free tier.
- NVIDIA ShadowPlaynewLow-overhead capture and instant replay on NVIDIA GPUs.
- ParsecnewLow-latency remote desktop, good enough for design and games.
AI assistants
Research, drafting and thinking out loud.
3- ChatGPTnewOpenAI's general assistant for research and drafting.
- GemininewGoogle's assistant, tied into Workspace and search.
- NotebookLMnewGround an assistant in your own sources, with audio overviews.