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
storybook	Children’s & Storybook	Page-turn story readers, read-along, interactive scenes, activity toolkit (alphabet cards, drag-match, coloring, star quizzes, sticker boards, mascots), bookshelf browse, parent dashboard, kid profiles, themed landings (fairytale, flat, pop-up, educational, nursery)	Open
travel	Travel Guide & Magazine	Destination/city guides, photo-essay stories, itineraries, listicles, primitives (POI cards, map+content, itinerary timeline, gallery, weather/budget), explore & trip planner, guide editor, site dashboard, themed landings (guidebook, luxury, backpacker, NatGeo, agency)	Open
portfolio	Portfolio & Résumé	Personal-site sections (hero, project cards, work grid, bio, experience timeline, skills, contact, testimonials), print-ready résumés, eight themed one-page styles (minimal, editorial, brutalist, terminal, motion, 3D, glass, playful) — a style collection	Open
ecommerce	E-commerce & Retail	Storefront home, category/PLP, product detail, cart, checkout, account, wishlist, search, commerce primitives (product card, variant picker, mini-cart, price, filters, reviews), marketing pages, seller admin, themed store landings (fashion, electronics, grocery, marketplace, luxury)	Open
science	Science & Research	Academic paper / preprint / review / poster / pop-sci layouts, science primitives (figure caption, equation block, citation list, data table, abstract card, author/ORCID, peer-review badge), data & interactive (dataset explorer, interactive chart, experiment timeline, periodic table, molecule viewer), lab/group/journal sites, themed landings (journal, pop-sci mag, university lab, dataset portal, conference)	Open
cookbook	Cookbook & Recipes	Recipe detail / cook mode / printable card / food story / video recipe layouts, recipe primitives (ingredient check-off, serving scaler, step timeline, nutrition facts, meta badges, ratings & reviews), discovery & planning (browse/search, cookbook index, weekly meal planner, auto shopping list), recipe editor + food-blog dashboard, themed landings (rustic, food magazine, vintage, wellness, restaurant chef)	Open
museum	Museum & Gallery	Exhibition / collection browse / artifact detail (deep zoom) / virtual tour / plan-your-visit / events pages, cultural primitives (artifact card, gallery wall, timeline, label plaque, audio guide, floor map), ticketing & membership (booking, patron tiers, donation, gift-shop card), curator admin (catalog manager, exhibition builder, attendance dashboard), themed landings (fine art, natural history, science center, modern art, history/heritage)	Open
agency	Agency Landings	Five themed marketing one-pagers for creative & professional agencies (design studio, software/dev shop, marketing/growth, video/production, branding/identity) — hero, case-study grid, services, team, process, testimonials, CTA	Open
d2c	D2C Brand Landings	Five themed direct-to-consumer product one-pagers (skincare, coffee, fashion, hardware, supplements) — product hero, benefit grid, ingredient/spec callouts, reviews, bundle pricing, sticky add-to-cart	Open
ai-product	AI Product Landings	Five themed AI-product one-pagers (chatbot, image gen, code assistant, voice AI, AI search) — animated hero, live-demo/prompt mockup, feature grid, model/benchmark callouts, pricing, waitlist CTA	Open
fintech	Banking & Fintech	Account dashboard, transactions, transfer flow, card detail, statements, investing, fintech primitives (balance card, tx row, amount keypad, virtual card, spend donut, OTP), KYC onboarding (signup wizard, ID verify, funded state), ops admin (fraud dashboard, customer detail, disputes), themed landings (neobank, traditional, business, lending, wealth) — UI-only simulations	Open
elearning	E-learning & LMS	Course catalog, course detail, classroom player, quizzes, learner dashboard, certificate, LMS primitives (course card, curriculum accordion, progress ring, player controls, quiz questions, streak badges), instructor admin (dashboard, course builder, gradebook), themed landings (university, bootcamp, kids, language, certification)	Open
delivery	Delivery & Logistics	Live order tracking, order detail, schedule; driver app (route, delivery confirm, earnings); logistics primitives (status tracker, ETA badge, map route, package row); dispatch/warehouse admin; themed landings (food, parcel, freight, grocery, last-mile)	Open
streaming	Streaming Platform	Browse home, title detail, video player, search grid, profile switcher, streaming primitives (poster card, content row, player controls, episode list, hero billboard), account & content admin, themed landings (SVOD, kids, sports, niche, music)	Open
jobs	Job Board & ATS	Job search/listings, job detail, application form, applications tracker, candidate profile/resume builder, job primitives (listing card, filter rail, status pills, resume upload), recruiter ATS (pipeline kanban, posting editor, candidate scorecard), themed landings (general, tech, executive, gig, internal)	Open
events	Event Ticketing	Event discovery, event detail, interactive seat map, ticket checkout, QR ticket, ticketing primitives (event card, seat picker, QR stub, date filter), organizer admin (sales dashboard, event setup, door check-in), themed landings (concert, conference, sports, festival, theater)	Open
nonprofit	Nonprofit & Charity	Nonprofit home, donation flow, campaign pages, impact reports, beneficiary stories, events, nonprofit primitives (donation widget, fundraising thermometer, impact stat, donor wall, recurring toggle, pledge card), volunteer & community (signup, portal, petition), admin (donations dashboard, campaign manager, volunteer roster), themed landings (humanitarian, animal, environmental, education, community)	Open
creator	Creator Landings	Five themed personal-brand one-pagers for creators (musician, photographer, author, coach, streamer) — hero, work/showcase gallery, about, links/socials, offers, testimonials, CTA	Open
hotel	Hotel & Hospitality	Front-desk PMS (dashboard, room rack, check-in/out, night audit, folio), guest side (booking search/results/detail, checkout, portal, digital key, in-room tablet, loyalty), concierge/housekeeping/ops, marketing pages, manager admin (RevPAR, rate mgmt, channel manager, inventory, reports), themed landings (boutique, resort, hostel, business, B&B)	Open
airline	Airline & Travel	Passenger side (flight search, results, seat map, booking, check-in, boarding pass, status board, itinerary, frequent-flyer, baggage tracker), airport/staff (gate display, FIDS, gate agent, kiosk), marketing (landing, destinations, fleet, loyalty), ops/admin (control center, crew schedule, load-factor report), themed landings (legacy, low-cost, premium, regional, charter)	Open
cowork	Coworking & Studio Rental	Member side (desk/room booking, member dashboard, access card, credits balance, community feed), operations (live floor plan, visitor kiosk, equipment status), marketing (landing, spaces, pricing, events), admin (occupancy dashboard, billing), themed landings (creative loft, corporate flex, maker space, café-style, suburban)	Open
auto	Auto Repair & Dealership	Service shop (bay board, work order, diagnostic, estimate, parts inventory, tech mobile), customer side (portal, booking, repair tracker, quote approval), sales (inventory grid, vehicle detail, finance calc, trade-in, test-drive), admin (shop dashboard, tech productivity, customer/vehicle DB), themed landings (luxury, EV, used, motorcycle, performance)	Open
legal	Legal & Law Firm	Practice areas, attorney profiles, case studies, consultation booking, client intake, case/matter tracker, document & billing views, testimonials, themed firm landings	Open
insurance	Insurance	Quote calculator, plan comparison, coverage detail, claims filing & tracker, agent finder, policy dashboard, FAQ, testimonials, themed carrier landings (auto, home, life, health)	Open
construction	Construction & Trades	Services, project portfolio/gallery, instant estimate request, project tracker, crew schedule, reviews, before/after, themed landings (general contractor, plumber, electrician, roofing)	Open
vet	Veterinary & Pet Care	Appointment booking, services, pet profiles, medical records, staff/vets, online pharmacy/store, emergency info, testimonials, themed clinic landings	Open
photography	Photography Studio	Full-bleed portfolio galleries, session/package pricing, booking flow, client proofing gallery, print store, about/bio, testimonials, themed studio landings	Open
dental	Dental Clinic	Appointment booking, treatments, dentist profiles, patient portal, insurance & financing, before/after gallery, intake, emergency info, reviews, themed landings	Open
wedding	Wedding Planner	Elegant hero, services/packages, real-wedding gallery, planning timeline, vendor directory, RSVP, budget tracker, testimonials, themed celebration landings	Open
podcast	Podcast Network	Multi-show hub, episode grid, audio player with transcript, show detail, host bios, subscribe CTAs, latest-episodes feed, newsletter, themed landings	Open
dating	Dating & Social App	Swipe/discovery deck, profile cards, match modal, chat, edit-profile, filters, onboarding, safety center, premium upsell, themed landings	Open
coach	Fitness Coach	Coach hero, programs, 1-on-1 booking, workout builder, progress tracker, nutrition plan, client dashboard, transformations, pricing, themed landings	Open
interior	Interior Design Studio	Project portfolio, case-study, moodboard, services, room visualizer, quote request, process timeline, materials, team, themed landings	Open
video	Videographer & Film Studio	Showreel player, portfolio grid, video packages, booking, project pipeline, testimonials, gear/services, grade before/after, themed landings	Open
mobile	Mobile Interaction	Touch-first gestures, sheets, pull-to-refresh, and mobile interaction patterns	Open
modern-css	Modern CSS & Platform	Scroll timelines, responsive bento layouts, and SVG motion	Open
webgl	WebGL Scenes	Dependency-free product viewers, shader surfaces, depth cards, and canvas scenes	Open
accessibility	Accessibility	WAI-ARIA patterns, keyboard navigation, focus management, screen reader utilities, and contrast themes	Open
ai	AI Interfaces	Agent trace viewers, thinking panels, chat UIs, streaming markdown, prompt playgrounds, MCP server directories, and agent prompts	Open
devtools	Developer Tools	JSON & diff viewers, terminals, log panels, code blocks, dev workflow skills, keyboard shortcuts, and theming utilities	Open
diy	DIY & Maker	Repair guides, maker project pages, Arduino tutorials, wiring diagrams, 3D-print pages, parts checklists, difficulty meters, and safety callouts	Open
design	Design & Graphics	Design styles, color & palette tools, kinetic typography, 3D scenes & shaders, creative portfolios, and design software recommendations	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.

1. 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.
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.
4. 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.