---
title: Collections
description: Curated UI resource bundles on StealThis — filter the library by SaaS, motion, industry verticals, and more.
---

**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](/recommendations/), which compare external tools and platforms.

## How to browse a collection

On the [library](https://stealthis.dev/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](https://stealthis.dev/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](https://stealthis.dev/library?collection=saas) |
| `motion` | Motion Essentials | Scroll and reveal animations for modern UI | [Open](https://stealthis.dev/library?collection=motion) |
| `hero` | Hero Starters | Hero sections, CTA blocks, and landing layouts | [Open](https://stealthis.dev/library?collection=hero) |
| `cards` | Card Components | Glass, metric, and content cards | [Open](https://stealthis.dev/library?collection=cards) |
| `dashboard` | Dashboard UI | Data-heavy admin and analytics interface patterns | [Open](https://stealthis.dev/library?collection=dashboard) |
| `remotion` | Remotion Pack | React compositions for video | [Open](https://stealthis.dev/library?collection=remotion) |
| `effects` | Effects | Click, nav, slide, and feedback micro-interactions | [Open](https://stealthis.dev/library?collection=effects) |
| `mobile-nav` | Mobile Navigation | Tab bars, drawers, FABs, and bottom nav patterns | [Open](https://stealthis.dev/library?collection=mobile-nav) |
| `charts` | Charts & Data Viz | Bar, pie, geo, and data visualization components | [Open](https://stealthis.dev/library?collection=charts) |
| `restaurant` | Restaurant | Menus, POS, checkout, reservations, and operations flows | [Open](https://stealthis.dev/library?collection=restaurant) |
| `clinic` | Clinic & Healthcare | Patient portals, booking, EHR-lite, telemedicine, clinic ops | [Open](https://stealthis.dev/library?collection=clinic) |
| `gym` | Gym & Fitness | Class booking, member portals, workout trackers, studio landings | [Open](https://stealthis.dev/library?collection=gym) |
| `salon` | Salon & Beauty | Booking, stylist calendars, service catalogs, client portals | [Open](https://stealthis.dev/library?collection=salon) |
| `realestate` | Real Estate | Listing search, mortgage tools, agent CRM, transaction pipelines | [Open](https://stealthis.dev/library?collection=realestate) |
| `editorial` | Newspaper & Magazine | Front pages, article layouts, long-form features, newsroom CMS | [Open](https://stealthis.dev/library?collection=editorial) |
| `comics` | Comics & Manga | Paged & webtoon readers, panel grids, speech balloons, series indexes, creator portal, themed landings | [Open](https://stealthis.dev/library?collection=comics) |
| `music` | Music & Audio | Artist/album/lyrics pages, playback toolkit (player bar, waveform, equalizer, queue), discovery, artist dashboard, themed landings | [Open](https://stealthis.dev/library?collection=music) |
| `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](https://stealthis.dev/library?collection=wiki) |
| `patterns` | Product UI Patterns | Onboarding flows & empty/error states, pricing tables & paywalls, form patterns, dashboard layouts — the activation, conversion & retention surfaces | [Open](https://stealthis.dev/library?collection=patterns) |
| `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](https://stealthis.dev/library?collection=web3) |
| `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](https://stealthis.dev/library?collection=gamedev) |

## 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](/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](https://stealthis.dev/library).

1. Wire the collection in www (schema, content config, `collections.ts`, i18n) — see [CLAUDE.md § Adding a new library collection](https://github.com/Foodhy/stealthis/blob/main/CLAUDE.md#adding-a-new-library-collection) or `PHASE-WORKFLOW.md` Paso 3.
2. 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>`.
3. For industry verticals, add a row under **Build for a specific industry** in [Choose Your Path](/choose-your-path/).
4. Preview locally: `bun run dev:docs` → [localhost:4322/collections/](http://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.