Design Systems Surf

Database of ~90 public design systems, cross-cut by component and by foundation topic

Tier A · StrongDirectoryReferenceGallerydesignsystems.surf

A curated database of public design systems that indexes them three ways: by system, by component, and by foundation topic. The system index (88 entries enumerated at time of check, from Apple HIG and Material to Kiwi.com Orbit, Razorpay Blade, Vercel Geist, Wikimedia Codex and several government systems) shows a doc-page count, a component count, and direct Figma / repository / Storybook links per entry. The component index cross-references 60+ components across systems — Button appears in 69 systems, Text field 68, Checkbox 67, Tabs 64, Switch 59, Alert banner 58 — so you can compare one component's treatment side by side. A Directories section slices the same corpus by 25 topics (Accessibility, Color System, Typography, Tokens, Motion, Theming, Data Visualization, Spacing, States, Voice and Tone, and more). Paid Foundations guides and Blueprints sit on top.

For an agent

This is the fastest way to answer 'how do serious systems actually build X' — go to the component index, pick the component, and read 60+ real implementations before you write your own API. The per-system rows carry direct Figma, repo and Storybook links, which makes it a better jumping-off point than a search engine when a user names a system you do not know. The components it lists are references and comparisons, not installable code, and the deeper Foundations material is $199 a topic, so treat anything beyond the free index as unverifiable.

Why it is here. Cross-cutting a design-system corpus by component and by foundation topic is exactly the query shape a designer or an agent has, and almost nobody else indexes it that way.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved
Pricing: Freemium, One-time purchase
Framework: Not applicable
Styling: Not applicable
Distribution: Web app / online tool, Browse-only gallery or archive, Direct download / asset pack
Platform: Web
Content type: Screenshots / screens, Prose / writing, Figma / design source files
Agent readiness: Structured documentation, Agent access behind payment
Accessibility: Not applicable
Maturity: Actively maintained
Pricing detail: Foundations guides (e.g. Typography Foundation, Color Foundation) $199 each. The AI-ready Design System Roadmap is free. A membership tier exists with no price shown on the public pages.

Components it ships

60 total

Alert Button Checkbox Tabs Text Input Switch Accordion Avatar Badge Card Chip Table Dialog Drawer Icon Label Modal Navbar Pagination Popover Sidebar Toast Tooltip Tree View Radio Button

Notable for

88 design systems with doc and component counts
Button compared across 69 systems
25 foundation directories
direct Figma / repo / Storybook links per system

Provenance

Verified 2026-08-15. HTTP 200. https://designsystems.surf, https://designsystems.surf/design-systems, https://designsystems.surf/components, https://designsystems.surf/directories (https://designsystems.surf/pricing returned 404)

Also in Design Systems & Brand Guidelines

designsystems.surfTier A