# stealth.pm

> A curated catalogue of interface craft, component libraries, motion tools, AI builders and design engineers worth learning from.

357 tools across 45 sections, plus 36 people worth following. Every entry was used before it was added, and anything that stops earning its place is removed. Nothing is ranked.

## Pages

- [Overview](https://stealth.pm/): A curated catalogue of interface craft, component libraries, motion tools, AI builders and the people worth learning from.
- [Look](https://stealth.pm/look): Web galleries, app flows, interaction references, game UI, brand systems and visual search.
- [Learn](https://stealth.pm/learn): Essays, courses, books and interface guidelines for design engineers.
- [Design](https://stealth.pm/design): Interface canvases, motion design, 3D, scanning and splats, node tools, digital fashion and whiteboards.
- [Build](https://stealth.pm/build): Frameworks, editors, coding agents, MCP, animation engines, WebGL and deployment.
- [Components](https://stealth.pm/components): Headless primitives, component libraries, micro-interactions, agent UI, charts and tables for React.
- [Assets](https://stealth.pm/assets): Typefaces, icons, illustration, colour systems, textures, 3D models and audio.
- [Tools](https://stealth.pm/tools): Easing, contrast, CSS, SVG, code shots, performance and accessibility tools.
- [Desk](https://stealth.pm/desk): Launchers, screen recording, video editing, notes, AI assistants and browsers.
- [People](https://stealth.pm/people): Design engineers and interface people worth reading, following and learning from.
- [Recently added](https://stealth.pm/new): the newest entries.
- [Skills](https://stealth.pm/skills): 15 design-engineering skills for coding agents, each a SKILL.md. Install with `npx skills add paragonhq/stealth-skills`.
- [Submit](https://stealth.pm/submit): suggest a tool for free.
- [Info](https://stealth.pm/info): how the list is kept, and how to send a correction.

## Machine-readable

- [Full catalogue](https://stealth.pm/llms-full.txt): every entry as markdown.
- [JSON](https://stealth.pm/resources.json): every entry with section and host.
- [WebMCP descriptor](https://stealth.pm/mcp.json): read-only tools this site registers in browsers that support the draft WebMCP API.
- [Sitemap](https://stealth.pm/sitemap.xml)

## Skills

Agent skills written here, distilled from the catalogue. Fetch any SKILL.md directly, or `npx skills add paragonhq/stealth-skills`.

- [stealth](https://stealth.pm/skills/stealth/SKILL.md): The design-engineering posture and the order decisions get made in.
- [review](https://stealth.pm/skills/review/SKILL.md): A strict interface audit with a file, a line and a fix for every finding.
- [space](https://stealth.pm/skills/space/SKILL.md): Spacing scale, density, alignment, widths and rhythm.
- [type](https://stealth.pm/skills/type/SKILL.md): Two scales, hierarchy without size, tabular numbers, loading.
- [surface](https://stealth.pm/skills/surface/SKILL.md): Neutrals, tokens, borders versus shadows, one accent, both themes.
- [ux-copy](https://stealth.pm/skills/ux-copy/SKILL.md): Buttons that are verbs, errors that say what to do, no exclamation marks.
- [a11y](https://stealth.pm/skills/a11y/SKILL.md): HTML first, names, keyboard, focus, contrast, and a five-minute test.
- [interaction](https://stealth.pm/skills/interaction/SKILL.md): Press, hover, focus, drag, latency, undo over confirm.
- [motion](https://stealth.pm/skills/motion/SKILL.md): Whether to animate, then tool, property, curve, duration, exit.
- [states](https://stealth.pm/skills/states/SKILL.md): Loading, empty, error, partial, stale and success, all designed.
- [components](https://stealth.pm/skills/components/SKILL.md): Primitive or hand-rolled, the state matrix, APIs by composition.
- [agent-ui](https://stealth.pm/skills/agent-ui/SKILL.md): Streaming, thinking, tool calls, approvals, citations, the composer.
- [mobile-feel](https://stealth.pm/skills/mobile-feel/SKILL.md): Targets, dvh, safe areas, sheets, the keyboard, a real phone.
- [scroll-and-webgl](https://stealth.pm/skills/scroll-and-webgl/SKILL.md): Spectacle on a budget: scroll scenes, Lenis, canvas, shaders.
- [polish](https://stealth.pm/skills/polish/SKILL.md): The last ten percent as a checklist you run before shipping.

## WebMCP tools

- `get_help`: List every WebMCP tool stealth.pm registers.
- `list_sections`: Every catalogue section with id, title, page and tool count.
- `get_section`: Every tool in one catalogue section.
- `search_tools`: Tools matching a keyword in name, description, host or tag (free, oss, ai, mac).
- `list_people`: Design engineers stealth.pm recommends following.
- `list_pages`: Public routes with title and description.
- `list_recent`: Tools added in the latest update.
- `get_faq`: The published FAQ from the info page.
- `list_skills`: Stealth Skills: design-engineering skills for coding agents, with the raw SKILL.md URL and install command for each.

## Web galleries

Shipped sites to study before you open an editor.

- [Godly](https://godly.website): Motion-heavy web design, recorded as video so you see the interaction, not a still. (free)
- [Minimal Gallery](https://minimal.gallery): Sites that do more with less: whitespace, type and one idea. (free)
- [Minimum](https://mnmm.xyz): A tight, quiet selection of minimal websites. (free)
- [SiteInspire](https://www.siteinspire.com): Long-running, hand-picked showcase of restrained, typographic sites. (free)
- [Httpster](https://httpster.net): Opinionated picks of sites with a point of view. (free)
- [loadmo.re](https://loadmo.re): Archive of unusual mobile websites and mobile-first experiments. (free)
- [Inspora](https://inspora.design): Design inspiration refreshed hourly across web, branding, product, motion and print. (free)
- [Curated Design](https://www.curated.design): Web design filtered by style and category. (free)
- [Land-book](https://land-book.com): Landing pages sorted by industry, style and colour.
- [Lapa Ninja](https://www.lapa.ninja): Large landing page archive with a free design book section. (free)
- [Saaspo](https://saaspo.com): Software landing pages, tagged by section and layout. (free)
- [SaaS Landing Page](https://saaslandingpage.com): Marketing pages split into hero, pricing and proof sections. (free)
- [SEESAW](https://www.seesaw.website): Inspiration sorted by page section rather than whole site. (free)
- [Supahero](https://www.supahero.io): Nothing but hero sections, for when the first screen is the problem. (free)
- [One Page Love](https://onepagelove.com): Single-page sites and portfolios, curated since 2008. (free)
- [Dark Mode Design](https://www.darkmodedesign.com): Sites built dark-first, for when dark has to feel intentional. (free)
- [Layers](https://layers.to): Community where designers post work in progress and finished pieces. (free)
- [Awwwards](https://www.awwwards.com): Juried awards for experimental web work. Read it for technique.

## App & flow libraries

Real product screens and end-to-end journeys.

- [Mobbin](https://mobbin.com): Full flows from shipping iOS, Android and web apps, searchable by pattern.
- [Refero](https://refero.design): Product UI reference with deep filtering by component and page type.
- [Page Flows](https://pageflows.com): Recorded journeys: onboarding, checkout, upgrade prompts, empty states.
- [Screenlane](https://screenlane.com): Mobile and web screens tagged by pattern, sent weekly. (free)

## Interaction references

Motion and micro-detail, studied frame by frame.

- [60fps](https://60fps.design): Screen recordings of app interactions that move well.
- [Design Spells](https://www.designspells.com): Small details in software that feel like magic, broken down. (free)

## Game & HUD UI

Interfaces built for speed, density and spectacle.

- [Game UI Database](https://www.gameuidatabase.com): Thousands of game screens, filterable by screen type and genre. (free)
- [HUDS+GUIS](https://www.hudsandguis.com): Fictional and film interfaces: HUDs, FUI and sci-fi screens. (free)
- [Interface In Game](https://interfaceingame.com): Game interfaces collected by game and element, with video. (free)

## Brand & visual systems

Identity work and graphic systems.

- [Rebrand](https://www.rebrand.gallery): Before-and-after identity refreshes from studios worldwide. (free)
- [SearchSystem](https://searchsystem.co): Long-running archive of graphic design and visual systems. (free)

## Moodboards & visual search

Collect, cluster and find things by feel.

- [Cosmos](https://www.cosmos.so): Visual bookmarking with clean clustering. (free)
- [Same Energy](https://same.energy): Search images by vibe instead of keywords. (free)
- [SOOT Spiral](https://spiral.soot.com/spiral): Endless visual exploration from SOOT, one image leading to the next. (free, ai)
- [Savee](https://savee.it): Moodboards with a strong editorial and brand-design community.
- [Pinterest](https://pinterest.com): The widest net for visual reference, if you filter hard. (free)
- [Dribbble](https://dribbble.com): Shots from independent designers. A sketchbook, not a spec.

## Essays & craft

Writing that changes how you build.

- [Invisible Details of Interaction Design](https://rauno.me/craft/interaction-design): Why good interactions feel inevitable, with live demos. (free)
- [Josh W. Comeau](https://www.joshwcomeau.com): Interactive CSS and React explainers. The spring and shadow posts are essential. (free)
- [Emil Kowalski](https://emilkowal.ski): Writing on animation and component craft. (free)
- [Ahmad Shadeed](https://ishadeed.com): Deep CSS layout write-ups with interactive figures. (free)
- [Codrops](https://tympanus.net/codrops): Experimental front-end tutorials: WebGL, scroll, transitions. (free)
- [web.dev](https://web.dev): Guides on performance, Core Web Vitals and platform features. (free)
- [Smashing Magazine](https://www.smashingmagazine.com): Long-form articles on front-end, UX and accessibility. (free)
- [CSS-Tricks](https://css-tricks.com): Archive of CSS techniques and almanac entries. (free)
- [Nielsen Norman Group](https://www.nngroup.com/articles): Research-backed usability articles. (free)
- [You Don't Need Animations](https://emilkowal.ski/ui/you-dont-need-animations): The case against animating what people see a hundred times a day. (free)
- [Developing Taste](https://emilkowal.ski/ui/developing-taste): Taste as a trained instinct, and how to train it. (free)
- [Details That Make Interfaces Feel Better](https://jakub.kr/writing/details-that-make-interfaces-feel-better): Small decisions that separate a good interface from a right one. (free)
- [Family Values](https://benji.org/family-values): How Family decided what its app should feel like. (free)
- [Limit the number of details](https://design.lightspark.com/limit-the-number-of-details): Every detail spends attention. Cutting some is what funds the rest. (free)
- [HTML Can Do That](https://chrisburnell.com/html-can-do-that): Behaviour that used to need JavaScript and now ships in HTML. (free)
- [Front-of-the-front-end](https://bradfrost.com/blog/post/front-of-the-front-end-and-back-of-the-front-end-web-development): The split inside front-end work, finally named clearly. (free)
- [Anatomy of AI Input](https://ibelick.com/anatomy-ai-input): What an agent input is actually made of, part by part. (free, ai)

## Courses & books

Longer reads and structured learning.

- [animations.dev](https://animations.dev): Course on web animation: easing, timing, springs and restraint.
- [Refactoring UI](https://www.refactoringui.com): Tactical visual design advice written for developers.
- [Practical Typography](https://practicaltypography.com): Matthew Butterick's online book on type for screens. (free)
- [The Shape of Design](https://shapeofdesignbook.com): Frank Chimero's short book on why and how we make things. (free)
- [Stripe Press](https://press.stripe.com): Beautifully made books on technology and craft.
- [Design Books](https://designbooks.org): A reading list sorted by what you want to get better at. (free)
- [Interactive SVG Animations](https://www.svg.guide): A short interactive course on animating SVG properly.
- [A Five-Minute Guide to Better Typography](https://www.pierrickcalvez.com/journal/a-five-minute-guide-to-better-typography): The short version of what most type mistakes have in common. (free)

## Patterns & guidelines

How the parts of an interface are supposed to behave.

- [Vercel Web Interface Guidelines](https://vercel.com/design/guidelines): Concrete rules for interaction, forms, motion and layout. (free)
- [The Component Gallery](https://component.gallery): Components compared across public design systems. (free)
- [Laws of UX](https://lawsofux.com): Psychology behind interface decisions, each with an example. (free)
- [Apple Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines): Platform conventions for touch, motion and type. (free)
- [Material Design 3](https://m3.material.io): Google's system, with detailed motion and state specs. (free)
- [Inclusive Components](https://inclusive-components.design): Accessible patterns, one component at a time. (free)
- [Every Layout](https://every-layout.dev): Intrinsic CSS layout primitives that respond without breakpoints.
- [UI Patterns](https://ui-patterns.com): Classic interaction patterns and the problems they solve. (free)
- [Checklist Design](https://www.checklist.design): What each page or component needs before it ships. (free)
- [Linear Method](https://linear.app/method): Short principles on building product with focus. (free)
- [Adele](https://adele.uxpin.com): Comparison table of public design systems. (free)
- [Interface Cheat Sheet](https://interfaces.dev/cheat-sheet): Quick fixes that lift an interface, in one scannable list. (free)
- [Devouring Details](https://devouringdetails.com): Interactive manual on the details inside interactions. (free)
- [Design Principles](https://principles.design): Decision frameworks teams actually published, collected. (free)
- [Design Systems Surf](https://designsystems.surf): Public design systems with components and foundations indexed. (free)
- [Design System Checklist](https://www.designsystemchecklist.com): What a design system needs before you can call it one. (free, oss)
- [UI Playbook](https://uiplaybook.dev): Each common component documented with its states and edge cases. (free)
- [userinterface.wiki](https://userinterface.wiki): A living manual on interface principles, motion and type. (free)

## Interface canvases

Where the interface gets shaped.

- [Figma](https://www.figma.com): The default for interface design, prototyping and handoff.
- [Framer](https://www.framer.com): Design and publish sites with real components and motion.
- [Paper](https://paper.design): Design canvas that works in real HTML and CSS.
- [Stitch](https://stitch.withgoogle.com): Google Labs tool that turns prompts and sketches into UI and code. (free, ai)
- [pen.dev](https://pen.dev): Agentic design canvas: import any app, design with models on it, export HTML back to code. (ai, mac)
- [Penpot](https://penpot.app): Open-source design tool built on web standards. (free, oss)
- [Origami Studio](https://origami.design): Meta's tool for high-fidelity interaction prototypes. (free, mac)
- [Webflow](https://webflow.com): Visual development with a real CMS and interactions.

## Motion design

Timelines and state machines, designed visually.

- [Rive](https://rive.app): Interactive, state-machine vector animation with tiny runtimes.
- [Jitter](https://jitter.video): Motion design for UI, exported as video or Lottie.
- [Cavalry](https://cavalry.scenegroup.co): Procedural 2D animation for data, type and generative motion.
- [Lottie Creator](https://lottiefiles.com/lottie-creator): Browser-based editor for making and tweaking Lottie files.
- [Lottielab](https://www.lottielab.com): Animate in the browser and export Lottie for product UI.
- [Theatre.js](https://www.theatrejs.com): Visual timeline editor for code-driven animation. (free, oss)

## 3D & spatial

Modelling, scenes and simulation.

- [Spline](https://spline.design): Collaborative 3D design in the browser with web export.
- [Blender](https://www.blender.org): Open-source 3D suite for modelling, rendering and animation. (free, oss)
- [Houdini](https://www.sidefx.com): Procedural 3D and VFX. Steep, and unmatched for simulation.
- [Womp](https://womp.com): Friendly browser 3D modelling built on soft, blobby shapes.
- [Bezi](https://www.bezi.com): AI assistant inside the Unity Editor for code, shaders and debugging. (ai)

## Scanning & splats

Capture the real world as meshes and Gaussian splats.

- [Luma AI](https://lumalabs.ai/interactive-scenes): Turn phone video into interactive 3D scenes. (ai)
- [Polycam](https://poly.cam): Photogrammetry, LiDAR and splat capture on phone or web.
- [KIRI Engine](https://www.kiriengine.app): 3D scanning app with photogrammetry and Gaussian splatting.
- [RealityScan](https://www.unrealengine.com/en-US/realityscan): Epic's free app for turning photos into 3D models. (free)
- [SuperSplat](https://superspl.at/editor): Open-source browser editor for cleaning and publishing splats. (free, oss)
- [Depthkit](https://www.depthkit.tv): Volumetric video capture for people and performances.

## Node & generative

Visual programming for real-time graphics.

- [TouchDesigner](https://derivative.ca): Node-based real-time visuals for installations and live shows.
- [cables.gl](https://cables.gl): Browser-based node editor for WebGL, exportable to the web. (free, oss)
- [NodeToy](https://nodetoy.co): Node-based shader editor that exports to Three.js.
- [Nodes](https://nodes.io): Visual programming that composes reusable code blocks into programs.
- [Bitspace](https://bitspace.sh): Node-based creative canvas for generative experiments.

## Digital fashion

Garments simulated in 3D.

- [CLO](https://www.clo3d.com): Industry-standard 3D garment design and fitting.
- [Marvelous Designer](https://www.marvelousdesigner.com): Cloth simulation for characters, games and film.
- [Style3D](https://www.linctex.com): 3D fashion design and digital sampling platform.

## Whiteboards

Infinite canvases for flows and systems.

- [tldraw](https://www.tldraw.com): Infinite canvas, and an SDK for building your own. (free, oss)
- [Excalidraw](https://excalidraw.com): Hand-drawn diagrams with encrypted sharing. (free, oss)
- [FigJam](https://www.figma.com/figjam): Figma's whiteboard for workshops and flows.
- [Muse](https://museapp.com): Spatial canvas for thinking with notes, PDFs and images.
- [Whimsical](https://whimsical.com): Fast flowcharts, wireframes and mind maps.
- [Eraser](https://www.eraser.io): Diagrams as code for architecture docs. (ai)
- [Miro](https://miro.com): Large collaborative canvas with templates.

## Frameworks & runtimes

Where the code lives.

- [React](https://react.dev): The component model most of this list assumes. (free, oss)
- [Next.js](https://nextjs.org): React framework with server rendering, routing and metadata. (free, oss)
- [Astro](https://astro.build): Content-first framework that ships zero JS by default. (free, oss)
- [Vite](https://vite.dev): Fast dev server and build tool for any front end. (free, oss)
- [Svelte](https://svelte.dev): Compiler-first framework with built-in transitions. (free, oss)
- [Tailwind CSS](https://tailwindcss.com): Utility-first CSS with a token-driven theme. (free, oss)
- [Bun](https://bun.sh): JavaScript runtime, bundler and package manager in one. (free, oss)
- [Storybook](https://storybook.js.org): Build and test components in isolation. (free, oss)
- [Biome](https://biomejs.dev): One fast tool for formatting and linting. (free, oss)
- [Turborepo](https://turborepo.com): Monorepo builds with remote caching. (free, oss)

## Editors & terminals

Where you spend the day.

- [Zed](https://zed.dev): Fast, multiplayer editor with agent editing built in. (free, oss, ai)
- [VS Code](https://code.visualstudio.com): The editor most extensions and agents target first. (free, oss)
- [Ghostty](https://ghostty.org): Native, GPU-accelerated terminal. (free, oss)
- [Warp](https://www.warp.dev): Terminal with blocks, search and built-in agents. (ai)

## Coding agents

Agents that write the interface with you.

- [Claude Code](https://www.claude.com/product/claude-code): Agentic coding from the terminal, IDE or browser. (ai)
- [Cursor](https://cursor.com): AI editor with codebase-aware completions and agents. (ai)
- [OpenAI Codex](https://openai.com/codex): OpenAI's coding agent for the terminal, IDE and cloud. (ai)
- [Cline](https://cline.bot): Open-source coding agent that runs in your editor. (oss, ai)
- [Windsurf](https://windsurf.com): AI editor with a collaborative agent mode. (ai)
- [v0](https://v0.app): Generate React and Tailwind UI from prompts and screenshots. (ai)
- [Lovable](https://lovable.dev): Describe an app and get a working full-stack build. (ai)
- [Bolt](https://bolt.new): Prompt, run and deploy full-stack apps in the browser. (ai)
- [Replit](https://replit.com): Browser IDE with an agent that builds and hosts apps. (ai)

## MCP & agent context

What your agents know and can reach.

- [Model Context Protocol](https://modelcontextprotocol.io): The open spec for connecting agents to tools and data. (free, oss, ai)
- [skills.sh](https://skills.sh): Directory and leaderboard of reusable agent skills. (free, ai)
- [Smithery](https://smithery.ai): Registry for finding and installing MCP servers. (ai)
- [Context7](https://context7.com): Up-to-date library docs served to coding agents. (free, ai)
- [Playwright MCP](https://github.com/microsoft/playwright-mcp): Lets an agent drive a real browser through accessibility snapshots. (free, oss, ai)
- [AGENTS.md](https://agents.md): A README convention that tells coding agents how a repo works. (free, ai)
- [Impeccable](https://impeccable.style): One skill and twenty commands that hold an agent to a design floor. (free, ai)
- [Taste Skill](https://www.tasteskill.dev): Skill files that stop coding agents shipping generic frontends. (free, oss, ai)
- [UI Skills](https://www.ui-skills.com): Skills for polishing an interface an agent built. (free, ai)
- [emilkowalski/skills](https://github.com/emilkowalski/skills): Emil Kowalski's design-engineering skills for agents. (free, oss, ai)
- [jakubkrehel/skills](https://github.com/jakubkrehel/skills): Agent skills for animation, typography, layout and colour. (free, oss, ai)

## Animation engines

Timelines, springs and scroll, in code.

- [GSAP](https://gsap.com): Timelines with ScrollTrigger, SplitText and Flip. All plugins free. (free)
- [Motion](https://motion.dev): Springs, layout animation and presence for React and vanilla JS. (free, oss)
- [Lenis](https://lenis.darkroom.engineering): Smooth scroll that keeps native behaviour and syncs with GSAP. (free, oss)
- [React Spring](https://www.react-spring.dev): Physics-based animation hooks. (free, oss)
- [Anime.js](https://animejs.com): Lightweight animation engine with a timeline API. (free, oss)
- [AutoAnimate](https://auto-animate.formkit.com): One line to animate list additions, removals and moves. (free, oss)
- [Lottie](https://airbnb.io/lottie): Play After Effects and Lottie animations natively. (free, oss)

## WebGL & shaders

Pixels computed, not placed.

- [Three.js](https://threejs.org): The standard 3D library for the web. (free, oss)
- [React Three Fiber](https://r3f.docs.pmnd.rs): React renderer for Three.js from Poimandres. (free, oss)
- [OGL](https://github.com/oframe/ogl): Minimal WebGL library for shader planes and light scenes. (free, oss)
- [Paper Shaders](https://shaders.paper.design): Zero-dependency shaders: mesh gradients, grain, dithering. (free, oss)
- [ShaderGradient](https://www.shadergradient.co): Animated 3D gradients as a React component. (free, oss)
- [Unicorn Studio](https://www.unicorn.studio): No-code WebGL effects exported as embeds.
- [Shadertoy](https://www.shadertoy.com): Community fragment shaders to read and fork. (free)
- [The Book of Shaders](https://thebookofshaders.com): Step-by-step guide to fragment shaders. (free)
- [gltfjsx](https://github.com/pmndrs/gltfjsx): Turns glTF models into reusable React Three Fiber components. (free, oss)
- [gltfpack](https://github.com/zeux/meshoptimizer/blob/master/gltf/README.md): Compresses and optimises glTF files for fast web delivery. (free, oss)
- [Needle Viewer](https://viewer.needle.tools): Drop in a glTF to inspect it and check what it will cost. (free)

## Deploy

Hosting, edge and data.

- [Vercel](https://vercel.com): Framework-aware hosting with a preview URL per branch.
- [Netlify](https://www.netlify.com): Git deploys with forms, functions and edge handlers.
- [Cloudflare Pages](https://pages.cloudflare.com): Static and full-stack deploys on Cloudflare's network.
- [Railway](https://railway.com): Deploy services, databases and cron from a canvas.
- [Fly.io](https://fly.io): Run containers close to users in many regions.
- [Render](https://render.com): Managed web services, workers and Postgres.
- [Supabase](https://supabase.com): Postgres with auth, storage and realtime. (oss)

## Headless primitives

Behaviour and accessibility, no opinion on looks.

- [Radix Primitives](https://www.radix-ui.com/primitives): Unstyled, accessible React parts under much of the ecosystem. (free, oss)
- [Base UI](https://base-ui.com): Unstyled components from the Radix, Floating UI and MUI teams. (free, oss)
- [React Aria](https://react-spectrum.adobe.com/react-aria): Adobe's hooks with the deepest a11y and i18n coverage. (free, oss)
- [Ark UI](https://ark-ui.com): Headless components driven by state machines. (free, oss)
- [Headless UI](https://headlessui.com): Small set of unstyled components built for Tailwind. (free, oss)
- [Floating UI](https://floating-ui.com): Positioning engine for tooltips, popovers and menus. (free, oss)
- [cmdk](https://cmdk.paco.me): Fast, composable command menu for React. (free, oss)
- [Vaul](https://vaul.emilkowal.ski): Drawer with native-feeling drag and snap points. (free, oss)
- [Sonner](https://sonner.emilkowal.ski): Opinionated toasts with stacking and swipe to dismiss. (free, oss)

## Component libraries

Installable or copy-paste sets with a finished look.

- [shadcn/ui](https://ui.shadcn.com): Components you copy into your repo and own. (free, oss)
- [21st.dev](https://21st.dev): Community registry of shadcn-style components, installable by command. (free)
- [Origin UI](https://originui.com): Hundreds of shadcn-compatible variants for inputs and tables. (free, oss)
- [HeroUI](https://www.heroui.com): Themeable React library with polished defaults. (free, oss)
- [Mantine](https://mantine.dev): Full-featured library with hooks, forms and dates. (free, oss)
- [Park UI](https://park-ui.com): Styled layer on top of Ark UI. (free, oss)
- [Chakra UI](https://chakra-ui.com): Accessible, prop-driven components with theming. (free, oss)
- [Tailwind Plus](https://tailwindcss.com/plus): Official Tailwind components, templates and blocks.
- [Tremor](https://www.tremor.so): Dashboard components and charts on Tailwind. (free, oss)
- [Bencho](https://bencho.dev): Interactive UI blocks you can tweak in place before taking the code. (free)
- [devl.dev](https://devl.dev): Two years of UI experiments, 159 components on the shadcn registry. (free, oss)
- [Shoogle](https://shoogle.dev): Search components and blocks across every shadcn registry at once. (free)
- [crd-ui](https://crd-ui.juanda.co): Payment card field with live brand detection and a 3D flip. (free, oss)

## Micro-interactions

Timing, springs and the moment after the click.

- [interior.dev](https://www.interior.dev): React micro-interactions tuned frame by frame. (free, oss)
- [React Bits](https://www.reactbits.dev): Animated text, backgrounds and components with prop playgrounds. (free, oss)
- [React Bits Pro](https://pro.reactbits.dev): Paid React Bits tier: marketing and app blocks, templates, and an agent kit that installs them. (ai)
- [Motion Primitives](https://motion-primitives.com): Copy-paste Motion components: text effects, morphing dialogs. (free, oss)
- [Fancy Components](https://www.fancycomponents.dev): Playful, experimental React components with motion. (free, oss)
- [Cult UI](https://www.cult-ui.com): Distinctive shadcn-compatible components with texture. (free, oss)
- [Magic UI](https://magicui.design): Animated components for landing pages. (free, oss)
- [Aceternity UI](https://ui.aceternity.com): Showy Tailwind and Motion effects for heroes. (free)
- [Cursify](https://cursify.vercel.app): Custom cursor effects as drop-in React components. (free, oss)
- [NumberFlow](https://number-flow.barvian.me): Animated number transitions with correct digit rolling. (free, oss)
- [Animata](https://animata.design): Hand-crafted interaction and animation snippets. (free, oss)
- [Kokonut UI](https://kokonutui.com): Modern components with subtle motion. (free, oss)
- [Framer University Resources](https://framer.university/resources): Free Framer components, effects and templates. (free)
- [Rare UI](https://www.rareui.com): Animated React components, one file each, installed with the shadcn CLI. (free, oss)
- [Transitions.dev](https://transitions.dev): The handful of transitions web apps actually need, ready to paste in. (free)
- [morphicons](https://www.morphicons.com): Morph any SVG icon into another with spring physics. (free, oss)
- [Calligraph](https://calligraph.raphaelsalaja.com): Fluid text transitions built on Motion. (free, oss)
- [Torph](https://torph.lochie.me): Animated text component with no dependencies. (free, oss)

## Agent interfaces

Composers, streams, tool calls and approvals.

- [Beautiful UI](https://www.beautifului.dev): Primitives for agent products: traces, tool chips, approvals. (free, oss, ai)
- [AI Elements](https://ai-sdk.dev/elements): Vercel's components for chat, reasoning and sources. (free, oss, ai)
- [assistant-ui](https://www.assistant-ui.com): Composable React primitives for chat interfaces. (free, oss, ai)
- [prompt-kit](https://www.prompt-kit.com): Prompt inputs, message lists and markdown blocks. (free, oss, ai)
- [CopilotKit](https://www.copilotkit.ai): In-app copilots and generative UI wired to app state. (oss, ai)
- [AICSS](https://aicss.dev): Thinking states, tool calls and citations for agent chat, in React, Vue and Svelte. (free, oss, ai)
- [Thinking orbs](https://orbs.jakubantalik.com): Dotted thought-orbs for the wait between prompt and answer. (free, oss, ai)
- [Dot Matrix](https://dotmatrix.zzzzshawn.cloud): Dot-matrix loaders you install from the shadcn registry and own. (free, oss, ai)

## Charts, tables & canvases

Dense data and node editors.

- [TanStack Table](https://tanstack.com/table): Headless table logic: sorting, grouping, virtualisation. (free, oss)
- [React Flow](https://reactflow.dev): Node-based editors and diagrams in React. (free, oss)
- [visx](https://airbnb.io/visx): Low-level visualisation primitives built on D3. (free, oss)
- [Recharts](https://recharts.org): Declarative charts with sensible defaults. (free, oss)
- [Embla Carousel](https://www.embla-carousel.com): Lightweight carousel with precise swiping. (free, oss)
- [Sandpack](https://sandpack.codesandbox.io): Live, editable code playgrounds for docs. (free, oss)
- [Liveline](https://github.com/benjitaylor/liveline): Real-time line chart for React that stays smooth under a live feed. (free, oss)
- [dither-kit](https://www.tripwire.sh/dither-kit): Dithered charts with a Recharts-style children-as-config API. (free, oss)

## Typefaces

Where good fonts come from.

- [Fontshare](https://www.fontshare.com): Quality free fonts from Indian Type Foundry. (free)
- [Free Faces](https://www.freefaces.gallery): Curated free typefaces with real specimens. (free)
- [UNCUT](https://uncut.wtf): Free and open-source display faces with a contemporary edge. (free)
- [Best Free Fonts](https://bestfreefonts.com): Hand-sorted list of free fonts worth using. (free)
- [Google Fonts](https://fonts.google.com): Open-source variable fonts with a pairing view. (free, oss)
- [Fontsource](https://fontsource.org): Self-host open-source fonts as npm packages. (free, oss)
- [Pangram Pangram](https://pangrampangram.com): Contemporary foundry with free trials.
- [Klim Type Foundry](https://klim.co.nz): Carefully made typefaces with essays on each.
- [Typewolf](https://www.typewolf.com): Which fonts real sites use, and what pairs with them. (free)
- [Fonts In Use](https://fontsinuse.com): Typography in the wild, indexed by typeface. (free)
- [Inter alternatives](https://yeptype.com/article/inter-alternatives): Two real criteria for picking a UI font, plus ten that are not Inter. (free)

## Icons & emoji

Consistent sets with React packages.

- [Lucide](https://lucide.dev): Clean, consistent open-source icons with React bindings. (free, oss)
- [Phosphor](https://phosphoricons.com): Flexible family in six weights, thin to duotone. (free, oss)
- [Heroicons](https://heroicons.com): Hand-drawn SVG icons from the Tailwind team. (free, oss)
- [Tabler Icons](https://tabler.io/icons): Thousands of 24px stroke icons, MIT licensed. (free, oss)
- [Radix Icons](https://www.radix-ui.com/icons): Crisp 15px icons for dense UI. (free, oss)
- [Iconoir](https://iconoir.com): Clean, geometric open-source icons. (free, oss)
- [Remix Icon](https://remixicon.com): Neutral line and fill pairs for every glyph. (free, oss)
- [Hugeicons](https://hugeicons.com): Very large set in multiple styles.
- [Iconify](https://icon-sets.iconify.design): Search across 200k icons from every major set. (free, oss)
- [Streamline](https://www.streamlinehq.com): Huge icon and illustration library with a Figma plugin.
- [SVGL](https://svgl.app): Brand logos as clean SVGs. (free, oss)
- [MakeEmoji](https://makeemoji.com): Generate custom emoji from a prompt, sized for Slack and Discord. (ai)

## Illustration

Scenes and characters.

- [unDraw](https://undraw.co): Open-source illustrations with a recolour control. (free)
- [Blush](https://blush.design): Mix-and-match illustration systems from many artists.
- [Open Peeps](https://www.openpeeps.com): Hand-drawn character library you can recombine. (free)
- [Humaaans](https://www.humaaans.com): Modular people illustrations. (free)
- [Hashvatar](https://www.hashvatar.com): Deterministic avatars from any string, in gradient or dither. (free, oss)

## Colour systems

Palettes and scales that hold up in UI.

- [Radix Colors](https://www.radix-ui.com/colors): 12-step scales designed for UI states, with dark mode. (free, oss)
- [Realtime Colors](https://www.realtimecolors.com): Preview a palette and type pairing on a real page. (free)
- [Leonardo](https://leonardocolor.io): Contrast-based colour scale generator from Adobe. (free, oss)
- [Huetone](https://huetone.ardov.me): Accessible palettes with perceptual lightness. (free, oss)
- [Coolors](https://coolors.co): Generate and lock palettes with the spacebar. (free)

## Textures, models & photo

Noise, gradients, HDRIs and imagery.

- [fffuel](https://www.fffuel.co): SVG generators for noise, blobs, gradients and patterns. (free)
- [Haikei](https://haikei.app): Generative SVG shapes and backgrounds. (free)
- [Poly Haven](https://polyhaven.com): HDRIs, textures and models, all CC0. (free)
- [Sketchfab](https://sketchfab.com): 3D model marketplace with an embeddable viewer.
- [Unsplash](https://unsplash.com): Free high-resolution photography. (free)
- [Images in motion](https://iim.smartsquad.io): Continuous animated image columns running in opposite directions. (free, oss)

## Audio

Sound for interfaces, video and games.

- [ElevenLabs](https://elevenlabs.io): AI voices, sound effects and music generation. (ai)
- [Splice](https://splice.com/features/sounds): Royalty-free sample library for sound design.
- [FMOD](https://www.fmod.com): Adaptive audio middleware for games and interactive work.
- [soundcn](https://soundcn.xyz): 700+ UI sound effects curated for web apps. (free)
- [Cuelume](https://cuelume.dev): Interaction sounds synthesised live with Web Audio, no files to ship. (free, oss)
- [@web-kits/audio](https://audio.raphaelsalaja.com): Declarative audio synthesis for the web. (free, oss)

## Motion & easing

Curves, shadows and clip paths.

- [Easing Wizard](https://easingwizard.com): Design cubic-bezier, spring and bounce curves visually. (free)
- [Anime.js Easing Editor](https://animejs.com/easing-editor): Tune easing curves and springs with a live preview. (free)
- [Easing Gradients](https://larsenwork.com/easing-gradients): Gradients with eased stops, so fades lose their hard edge. (free)
- [cubic-bezier.com](https://cubic-bezier.com): Compare two curves side by side. (free)
- [Easings.net](https://easings.net): Reference of standard easing functions. (free)
- [Smooth Shadows](https://shadows.brumm.af): Layered box-shadows that look like real light. (free)
- [Clippy](https://bennettfeely.com/clippy): Visual clip-path builder. (free)
- [Easing Graphs](https://www.easing.dev): Curated easing curves, graphed side by side. (free)
- [shadowLab](https://shadowlab.mocarski.design): Build box shadows for web and React Native in one place. (free)

## Colour & contrast

Check it before someone else does.

- [OKLCH Picker](https://oklch.com): Pick and convert colours in OKLCH. (free, oss)
- [Color.review](https://color.review): Contrast checker that previews your pair as real text. (free)
- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker): Quick WCAG contrast check for any pair. (free)
- [OKLCH.fyi](https://oklch.fyi): Generate and explore uniform OKLCH palettes. (free)

## CSS & type

Scales, features and support tables.

- [Utopia](https://utopia.fyi): Fluid type and space scales with clamp() output. (free)
- [Type Scale](https://typescale.com): Preview modular type scales. (free)
- [Wakamai Fondue](https://wakamaifondue.com): See a font's OpenType features and axes. (free)
- [Open Props](https://open-props.style): CSS custom properties for type, space and easing. (free, oss)
- [Modern CSS Solutions](https://moderncss.dev): Modern fixes for old CSS problems. (free)
- [Can I use](https://caniuse.com): Browser support tables for every web feature. (free)
- [Corner Radii](https://corner-radii.xyz): Work out the inner radius so nested corners stay concentric. (free)
- [Design Tokens Generator](https://design.dev/ai/design-tokens-generator): Brand colours in, semantic CSS variables and a Tailwind theme out. (free, ai)
- [Gradient Border Plugin](https://gradient-border.floriankiem.com): Tailwind plugin for gradient borders via mask-composite. (free, oss)
- [kugiri](https://edoardolunardi.github.io/kugiri): Splits text into lines, words and characters where the browser already broke it. (free, oss)

## SVG & images

Clean it, compress it, ship it.

- [SVGOMG](https://jakearchibald.github.io/svgomg): Optimise SVGs with a live preview. (free, oss)
- [SVG Path Editor](https://yqnn.github.io/svg-path-editor): Edit path commands point by point. (free, oss)
- [Squoosh](https://squoosh.app): Compare image codecs and compress in the browser. (free, oss)
- [RealFaviconGenerator](https://realfavicongenerator.net): Every favicon and touch icon from one source. (free)
- [Transform](https://transform.tools): Convert SVG to JSX, JSON to TypeScript and more. (free, oss)
- [OG Playground](https://og-playground.vercel.app): Prototype OG images with Satori. (free, oss)

## Code & product shots

Make the work look as good as it is.

- [ray.so](https://ray.so): Beautiful images of code snippets. (free)
- [ui.camera](https://ui.camera): Product photography and video of interfaces, made in the browser.
- [RegExr](https://regexr.com): Build and test regular expressions with live highlighting. (free, oss)

## Performance & accessibility

Measure before you ship.

- [PageSpeed Insights](https://pagespeed.web.dev): Lab and field Core Web Vitals for any URL. (free)
- [axe DevTools](https://www.deque.com/axe): Automated accessibility testing in the browser.
- [WAVE](https://wave.webaim.org): Visual accessibility report on the page. (free)
- [Bundlephobia](https://bundlephobia.com): Cost of an npm package before you install it. (free)
- [Polypane](https://polypane.app): Browser for building responsive, accessible sites.
- [Responsively](https://responsively.app): Open-source multi-viewport dev browser. (free, oss)
- [rams](https://www.rams.ai): Automated design review for generated code: accessibility and visual bugs. (ai)
- [Agentation](https://www.agentation.com): Gives an agent visual feedback on what it just built. (ai)
- [Remediate](https://www.remediate.ski): In-app feedback with screenshots and annotations, routed to your tracker. (free, oss)

## Launchers & productivity

Native apps that stay open all day.

- [Raycast](https://www.raycast.com): Launcher with extensions, snippets, window management and AI. (ai, mac)
- [Claude Cowork](https://claude.com/product/cowork): Claude working across your files and apps from the desktop. (ai)
- [Granola](https://www.granola.ai): AI meeting notes that build on what you jot down. (ai)
- [Wispr Flow](https://wisprflow.ai): Voice dictation that writes cleanly in any app. (ai)
- [LocalSend](https://localsend.org): Send files between nearby devices, no cloud needed. (free, oss)
- [Deskflow](https://deskflow.org): Share one keyboard and mouse across computers. (free, oss)
- [xScope](https://xscopeapp.com): Rulers, loupes and guides for measuring the screen. (mac)
- [Sip](https://sipapp.io): Menu bar colour picker that keeps palettes. (mac)
- [Rectangle](https://rectangleapp.com): Keyboard window snapping for macOS. (free, oss, mac)
- [Maccy](https://maccy.app): Lightweight clipboard history for macOS. (free, oss, mac)

## Recording & video

Capture, edit and stream.

- [Screen Studio](https://screen.studio): Screen recordings with automatic zoom and smooth cursor. (mac)
- [Recordly](https://recordly.dev): Open-source recorder with auto-zoom, animated cursor and webcam. (free, oss)
- [CleanShot X](https://cleanshot.com): Screenshots, scrolling capture and recording. (mac)
- [Cap](https://cap.so): Open-source recorder with shareable links. (free, oss)
- [OBS Studio](https://obsproject.com): Free, open-source recording and live streaming. (free, oss)
- [ShareX](https://getsharex.com): Open-source capture and upload tool for Windows. (free, oss)
- [Shottr](https://shottr.cc): Fast screenshots with pixel measurement and OCR. (mac)
- [Kap](https://getkap.co): Open-source recorder that exports GIF and MP4. (free, oss, mac)
- [Rotato](https://rotato.app): Animated 3D device mockups from recordings. (mac)
- [Loom](https://www.loom.com): Async video messages with transcripts.
- [LosslessCut](https://mifi.no/losslesscut): Trim and cut video instantly without re-encoding. (free, oss)
- [OpenCut](https://opencut.app): Open-source video editor that runs anywhere. (free, oss)
- [DaVinci Resolve](https://www.blackmagicdesign.com/products/davinciresolve): Pro editing, colour and audio, with a generous free tier. (free)
- [NVIDIA ShadowPlay](https://www.nvidia.com/en-us/software/nvidia-app/#shadowplay): Low-overhead capture and instant replay on NVIDIA GPUs. (free)
- [Parsec](https://parsec.app): Low-latency remote desktop, good enough for design and games.

## Notes & organisation

Where references and plans live.

- [Are.na](https://www.are.na): Slow, connected research boards. (free)
- [Obsidian](https://obsidian.md): Local-first markdown notes with links and plugins. (free)
- [Eagle](https://en.eagle.cool): Local library for images, fonts and design references.
- [AFFiNE](https://affine.pro): Open-source docs, whiteboards and databases in one workspace. (free, oss)
- [Linear](https://linear.app): Fast issue tracking for product teams.
- [Trello](https://trello.com): Simple boards for lightweight planning. (free)

## AI assistants

Research, drafting and thinking out loud.

- [ChatGPT](https://chatgpt.com): OpenAI's general assistant for research and drafting. (ai)
- [Gemini](https://gemini.google.com): Google's assistant, tied into Workspace and search. (ai)
- [NotebookLM](https://notebooklm.google): Ground an assistant in your own sources, with audio overviews. (free, ai)

## Browsers

Where everything above runs.

- [Arc](https://arc.net): Browser with spaces, split view and a command bar.
- [Zen](https://zen-browser.app): Open-source Firefox-based browser with vertical tabs. (free, oss)
- [Firefox](https://www.mozilla.org/firefox/new): Independent engine and excellent CSS devtools. (free, oss)
- [Brave](https://brave.com): Chromium browser with built-in blocking. (free, oss)

## People

- [Emil Kowalski](https://emilkowal.ski): Animation, Sonner, Vaul
- [Jakub Krehel](https://jakub.kr): Interface details, agent skills
- [Raphael Salaja](https://www.raphaelsalaja.com): Motion, audio and taste
- [Rauno Freiberg](https://rauno.me): Interaction craft essays
- [Paco Coursey](https://paco.me): cmdk, next-themes
- [Jhey Tompkins](https://jhey.dev): CSS experiments and demos
- [Cassie Evans](https://www.cassie.codes): SVG animation, GSAP
- [Dennis Snellenberg](https://dennissnellenberg.com): Motion-led web design
- [Brian Lovin](https://brianlovin.com): Product design, app dissections
- [Tobias van Schneider](https://vanschneider.com): Design, Semplice
- [Adam Argyle](https://nerdy.dev): CSS, Open Props
- [Ahmad Shadeed](https://ishadeed.com): CSS layout deep dives
- [Una Kravets](https://una.im): Platform CSS features
- [Jen Simmons](https://jensimmons.com): CSS layout, WebKit
- [Rachel Andrew](https://rachelandrew.co.uk): CSS Grid, specs
- [Lynn Fisher](https://lynnandtonic.com): Playful responsive design
- [Sara Soueidan](https://www.sarasoueidan.com): Accessibility and SVG
- [Bruno Simon](https://bruno-simon.com): Three.js, creative dev
- [Maxime Heckel](https://blog.maximeheckel.com): Shaders and WebGL writing
- [Henry Heffernan](https://henryheffernan.com): Interactive 3D portfolio
- [Hamish Williams](https://hamishw.com): 3D portfolio craft
- [Amelia Wattenberger](https://wattenberger.com): Data viz, AI interfaces
- [Guillermo Rauch](https://rauchg.com): Next.js, Vercel
- [Shu Ding](https://shud.in): SWR, Satori, Nextra
- [Anthony Fu](https://antfu.me): Vite, Vitest, Slidev
- [Adam Wathan](https://adamwathan.me): Tailwind CSS
- [Rasmus Andersson](https://rsms.me): Inter typeface, tools
- [Addy Osmani](https://addyosmani.com): Performance engineering
- [Dan Abramov](https://overreacted.io): React internals
- [Josh W. Comeau](https://www.joshwcomeau.com): Interactive CSS teaching
- [Lee Robinson](https://leerob.com): Developer education
- [Delba de Oliveira](https://delba.dev): Visual explainers for React
- [Kent C. Dodds](https://kentcdodds.com): Testing, React teaching
- [Chris Coyier](https://chriscoyier.net): CSS-Tricks, CodePen
- [Wes Bos](https://wesbos.com): Courses, Syntax podcast
- [Kevin Powell](https://www.kevinpowell.co): CSS video teaching

## FAQ

### What is stealth.pm?

A hand-kept catalogue of tools, component libraries, reading and people for design engineers: the people who design interfaces and build them in code.

### How does something get listed?

Someone opens it, uses it on real work, and writes one line about what it is for. If it stops being useful, or a better tool does the same job, it comes off the list.

### Is anything ranked?

No. Entries are grouped by purpose and nothing is sorted by popularity.

### How do I suggest a tool or fix an entry?

Use the submit page, or email hello@stealth.pm. Corrections to a dead link or a wrong description are usually live within a week.

### Can agents and answer engines read this?

Yes. There is an llms.txt summary, an llms-full.txt with every entry, a JSON feed at /resources.json, and read-only WebMCP tools described at /mcp.json.