1
Tag your code
Add simple comments to mark patterns and components. Works with any framework—React, Vue, Angular, Svelte.
LoginForm.vue
// pattern: login-flow // component: button
Your design system, measured
Stop guessing which patterns are adopted. Tag patterns and components in code, scan your repo, and get instant insights on adoption, coverage, and deprecations.
Works with your stack
How it works
Three steps to pattern clarity
Get from scattered docs to measurable insights in minutes.
2
Scan your codebase
Run our CLI to crawl your repo and extract pattern usage. Zero config required—just point and scan.
terminal
$uipool scan
✓ Scanned 247 files
✓ Found 18 patterns, 24 components
✓ Scan complete → uipool-report.json
3
Visualize & track
Upload your report to see adoption metrics, identify gaps, and track deprecation progress over time.
Health Score94
18
Patterns
24
Components
2
Issues
Live Preview
Your workspace at a glance
Explore the four core views that help you manage your design system.
Showing sample workspace data
/patterns
Search patterns...
Pattern
Category
Type
Status
Login Flow
5 componentsAuth
flow
Filterable Data Table
6 componentsData Display
pattern
Multi-Step Wizard
5 componentsForms
flow
Legacy Modal
DeprecatedLayout
pattern
Patterns
Document and track your design patterns
/components
Search components...
Component
Category
Patterns
Text Field
Input with validation
Forms
Login Flow
Data Table
Sortable & filterable
Data Display
Filterable D...
Avatar
User profile image
Data Display
—
Toggle Switch
DeprecatedForms
—
Components
Map components to their pattern implementations
/reports
PRO3
Search reports...
Report
Date
Patterns
Files
Sprint 43 Release
Main App
Yesterday
7
28
Sprint 42 Release
Main App
7 days ago
6
24
Admin v2.0
Admin Dashboard
Today
5
12
Reports
Run scans and track pattern adoption over time
/map
NEW
Pool
Visualize pattern-component relationships
Ready to see your design system metrics?
Features
Everything you need to track patterns & components
Built for design system teams who want to move from guesswork to data-driven decisions.
Usage Analytics
See exactly where and how often each pattern is used across your codebase.
Health Score
Get an overall health score based on pattern adoption and deprecation status.
Issues & Deprecations
Track deprecated patterns, undocumented usages, and monitor migration progress.
Compare Scans
See what changed between scans with side-by-side comparisons and diffs.
Historical Trends
Track pattern adoption over time and measure design system health.
Private by Default
Your code stays yours. Scans are private unless you choose to share.
3
Steps to setup
Zero
Config required
∞
Patterns tracked
Free
To get started
Ready to bring clarity to your design system?
Join teams who've moved from scattered docs and tribal knowledge to measurable pattern insights.
Free tier available • Pro invite-only during beta