Sample Views
Assembled screens showing how these components work together in real layouts. Each preview has its own theme toggle.
Search
Product discovery screen using Input, Separator, and layout primitives. Mobile uses a stacked list; desktop expands to a sidebar + grid layout.
Mobile — 375px
Favorites
All Products
Search
Find products, tools, and resources across the Polkadot ecosystem.
Favorites
All Products
Desktop
Favorites
All Products
Search
Find products, tools, and resources across the Polkadot ecosystem.
Favorites
All Products
Searching
Active search with inline results. Uses Input (search variant), Separator, and a filtered results list.
Mobile — 375px
Desktop
Results
Home
Dashboard with event card, schedule list, and app tiles. Uses Card, Badge, and Separator.
Mobile — 375px
Polkadot
Instruments for Individuality
Home
Your dashboard at a glance.
Web3 Summit 2026
Web 3, Authenticity and...
11:10 - 12:00
IPFS for Verifiable (D...
11:10 - 12:00
IPFS for Verifiable (D)A...
11:10 - 12:00
Collator protocol & cen...
11:10 - 12:00
Beyond Uptime: Enterpr...
11:10 - 12:00
The wild world of Web3 ...
11:10 - 12:00
The wild world of Web3 ...
11:10 - 12:00
3 more events
Web3 Summit
NoteNew Note
HackM3
Payment Amount
Terminal
Desktop
Polkadot
Instruments for Individuality
Home
Your dashboard at a glance.
Web3 Summit 2026
Web 3, Authenticity and...
11:10 - 12:00
IPFS for Verifiable (D...
11:10 - 12:00
IPFS for Verifiable (D)A...
11:10 - 12:00
Collator protocol & cen...
11:10 - 12:00
Beyond Uptime: Enterpr...
11:10 - 12:00
The wild world of Web3 ...
11:10 - 12:00
The wild world of Web3 ...
11:10 - 12:00
3 more events
Web3 Summit
NoteNew Note
HackM3
Payment Amount
Terminal