Collections

Collections are curated bundles of copy-paste UI resources — animations, pages, components, and patterns you can drop into a project. They are separate from Recommendations, which compare external tools and platforms.

How to browse a collection

On the library, use the Collection Explorer chips at the top, or open a collection directly with a URL:

https://stealthis.dev/library?collection=<id>

Example: library?collection=saas shows landing pages, dashboards, and SaaS architecture references.

Resources can join a collection via explicit collections: frontmatter or automatic tag/category heuristics. Most collection members have HTML/CSS/JS snippets and may include an Open in Lab demo.

All collections

ID	Title	Purpose	Direct link
`saas`	SaaS Builders	Landing pages, dashboards, and SaaS architecture references	Open
`motion`	Motion Essentials	Scroll and reveal animations for modern UI	Open
`hero`	Hero Starters	Hero sections, CTA blocks, and landing layouts	Open
`cards`	Card Components	Glass, metric, and content cards	Open
`dashboard`	Dashboard UI	Data-heavy admin and analytics interface patterns	Open
`remotion`	Remotion Pack	React compositions for video	Open
`effects`	Effects	Click, nav, slide, and feedback micro-interactions	Open
`mobile-nav`	Mobile Navigation	Tab bars, drawers, FABs, and bottom nav patterns	Open
`charts`	Charts & Data Viz	Bar, pie, geo, and data visualization components	Open
`restaurant`	Restaurant	Menus, POS, checkout, reservations, and operations flows	Open
`clinic`	Clinic & Healthcare	Patient portals, booking, EHR-lite, telemedicine, clinic ops	Open
`gym`	Gym & Fitness	Class booking, member portals, workout trackers, studio landings	Open
`salon`	Salon & Beauty	Booking, stylist calendars, service catalogs, client portals	Open
`realestate`	Real Estate	Listing search, mortgage tools, agent CRM, transaction pipelines	Open
`editorial`	Newspaper & Magazine	Front pages, article layouts, long-form features, newsroom CMS	Open
`comics`	Comics & Manga	Paged & webtoon readers, panel grids, speech balloons, series indexes, creator portal, themed landings	Open
`music`	Music & Audio	Artist/album/lyrics pages, playback toolkit (player bar, waveform, equalizer, queue), discovery, artist dashboard, themed landings	Open
`wiki`	Wiki & Knowledge Base	Wiki articles, doc pages, API reference, tutorials, knowledge primitives (infobox, TOC, doc nav, callouts, version switcher, history), search & command-K, editor, KB dashboard, themed landings	Open
`patterns`	Product UI Patterns	Onboarding flows & empty/error states, pricing tables & paywalls, form patterns, dashboard layouts — the activation, conversion & retention surfaces	Open
`web3`	Crypto & Web3	Wallet dashboard, token swap, send/receive, tx history, web3 primitives (connect wallet, address chip, tx confirm, gas, network switch), NFT marketplace/detail, staking, liquidity pool, DAO governance, themed landings — UI-only simulations	Open
`gamedev`	Game Dev & Gaming	Game landing/store/devlog/press-kit pages, character rosters & world maps, in-game UI primitives (HUD, menus, inventory, dialogue, skill tree, quest log, health bars, loading screen), leaderboards, themed genre landings — UI-only simulations	Open

Collections vs recommendations

Use collections when you need UI code to copy into your app. Use recommendations when you need to pick between services (hosting, auth, payments, courses, etc.).

Not sure where to start? See Choose Your Path for goal-based links to both systems.

Contributors: adding a new collection

When you introduce a new library collection ID, update this page so the public docs stay in sync with the Collection Explorer.

Wire the collection in www (schema, content config, collections.ts, i18n) — see CLAUDE.md § Adding a new library collection or PHASE-WORKFLOW.md Paso 3.
Add a row to the All collections table above: id, title, one-line purpose (match collection.<id>.desc in i18n), and direct link https://stealthis.dev/library?collection=<id>.
For industry verticals, add a row under Build for a specific industry in Choose Your Path.
Preview locally: bun run dev:docs → localhost:4322/collections/.

The canonical list of collection IDs lives in apps/www/src/lib/collections.ts (RESOURCE_COLLECTION_IDS). This doc page is the user-facing mirror — keep them aligned whenever that list grows.