SolidStart registry shell for 138 source-owned components
The demo app is structured as a single vertical registry page. Each cluster is a section. Each component inside that cluster is rendered as its own subsection with the same review contract: name, description, style params, state params, actual display, source display, and copy action.
Core field and selection primitives intended to be wrapped by Tier 2 form infrastructure without hiding state.
Single-line text entry.
Multi-line text entry.
Text entry with numeric stepping.
One-time code entry.
Multi-select boolean control.
Mutually exclusive selection set.
Immediate on/off toggle.
Closed-choice picker.
Searchable option picker.
Continuous range input.
Date grid primitive.
Date field plus calendar overlay.
Focus management, layering, and keyboard-heavy surfaces that need stable semantics before higher-order compositions land.
Keyboard-first command surface.
Parallel content sections.
Tabs keep sections parallel and quick to scan, with a clear active state and keyboard movement along the list.
Progressive disclosure stack.
Approval logic is explicit, with reviewer roles, escalation rules, and a visible audit trail for every change.
Simple show-hide region.
Blocking modal surface.
High-risk confirmation modal.
Edge-anchored modal panel.
Anchored non-modal surface.
Supplementary hover/focus hint.
Action menu from trigger.
Right-click or long-press menu.
Right-click or long-press this card to open contextual actions without moving to a separate toolbar.
Desktop-style application menu.
Status, identity, and non-blocking feedback primitives that make system state legible without inventing app-specific patterns too early.
Read-only progress feedback.
Small status/category label.
Identity surface.
Transient notification.
Loading placeholder shape.
Visual divider.
Foundational structure for dense information displays that should stay semantic and low-magic before data logic is layered on top.
Semantic table scaffold.
Field layout, filters, settings rows, and upload scaffolds that normalize common form-heavy workflows without becoming product-specific.
Canonical field wrapper for forms.
Build once; every field composes through it.
Grouped form controls in a framed section.
Great for settings surfaces.
Large grouped form region.
Works with client or server validation.
Reusable search input with affordances.
Used across tables and pages.
Query/filter/action toolbar.
Backbone of list pages.
Lightweight ordering control.
Often paired with FilterToolbar.
Read mode that turns into edit mode.
Useful in profile/settings screens.
Standard settings item layout.
Critical for settings consistency.
Reusable settings subsection card.
Wraps SettingsRows.
Drag/drop file ingestion shell.
Foundation for import flows.
Image/video oriented uploader.
For avatars, banners, gallery content.
Opinionated auth container.
Base for login/signup variants.
Section identity, KPI, and stateful empty/error/loading surfaces designed to keep route-level information architecture coherent.
Page identity and primary actions.
Use on almost every route.
Subsection title block.
Keeps long pages structured.
Single KPI surface.
Base for dashboards.
Responsive metric collection.
Use for analytics headers.
No-data and first-run surface.
One component, many contexts.
Recoverable failure surface.
For route, card, and widget scope.
Non-skeleton loading module.
For indeterminate waits.
List, detail, activity, and inbox-style compositions used to structure dense operational interfaces with predictable affordances.
Opinionated vertical list.
Simpler than a table.
Table page wrapper.
No row logic; just shell.
Table/display field chooser.
Pairs with data table.
Context bar for selected items.
For multi-row actions.
Companion view for selected record.
Often docked beside tables.
Chronological event stream.
Use for audits and timelines.
Temporal milestone presentation.
For onboarding and history.
In-app inbox pattern.
Can back both page and popover.
Discussion and annotation pattern.
Use for collaboration UIs.
Reusable content units for pricing, marketing, and FAQ surfaces that remain product-neutral while carrying strong presentation defaults.
Plan/commercial offer card.
Use on SaaS pricing pages.
Marketing feature unit.
Basis for grids and bento layouts.
Quote/social proof unit.
For marketing/social proof.
Question-answer disclosure group.
Tier-2 generic FAQ pattern.
Sign-in, sign-up, recovery, and verification journeys that should feel ready to storyboard before behavior details are implemented.
Minimal email/password login page.
AuthCardShell + TextField + Button.
Login with visual side panel.
AuthCardShell with hero/support content.
Passwordless login flow.
Email field + send-link status states.
Simple account creation page.
AuthCardShell with name/email/password fields.
Invite-accept signup page.
Prefilled org/email plus password/profile fields.
Account plus workspace creation flow.
WizardShell with account and team steps.
Password reset request page.
Email field + confirmation state.
Set new password page.
Password + confirm + strength lane.
Email verification status page.
Status panel with retry/change-email actions.
6-digit verification step.
OTPField + resend + support actions.
Enable 2FA onboarding.
QR, secret fallback, OTP verify, backup code slots.
2FA challenge page.
OTPField plus backup-method switcher.
Internal product shells and operational overview pages that combine navigation, summary, and detail patterns into route-ready frames.
Standard product sidebar shell.
SidebarNav + AppHeader + content frame.
Sidebar with rail collapse behavior.
SidebarNav with icon rail and tooltips.
Workspace/team switcher sidebar.
SidebarNav + workspace switcher + user menu.
Top-nav dashboard shell.
AppHeader + tabs + page content.
KPI + charts + recent activity layout.
StatGrid + chart cards + table shell.
Commercial metrics dashboard.
StatGrid + revenue chart + invoices list.
Project and task overview.
List cards + activity + due-date widgets.
Sales/customer dashboard.
Pipeline summary + account list + detail pane.
Ticket/support operations page.
FilterToolbar + table/list + conversation detail.
Team members management page.
Search + filter + table/cards + detail drawer.
Pages and drop-in modules for billing, security, governance, and developer administration across account and workspace surfaces.
Billing management page.
Plan summary + payment methods + invoices.
User profile settings page.
Avatar editor + personal info + preferences.
Password/session/security controls page.
SettingsPanels + session list + 2FA card.
Workspace/team admin page.
Members, roles, invites, defaults sections.
Channel and category preferences page.
SettingsRows grouped by product area.
API key management page.
Table/list + create dialog + secret reveal flow.
Operational audit history page.
FilterToolbar + table + detail panel.
Quota and usage summary block.
Can live in settings or dashboard.
Upgrade and upsell block.
Drop into billing/settings.
Team invite modal block.
Common admin task block.
Transactional flows and first-run modules intended for setup, import, search, and activity-heavy journeys inside the product.
New project creation wizard.
WizardShell with naming/template/privacy steps.
CSV/API import journey.
WizardShell + uploader + mapping + review.
First-run progress module.
Useful on dashboard home.
First project/team empty page.
Hero-like empty state with setup actions.
Global search results layout.
Search header + grouped results + filters.
Actionable activity center.
NotificationList + filters + detail drawer.
Knowledge-base and editorial route modules intended for docs shells, article framing, and release communication.
Documentation app shell.
Sidebar tree + content header + right TOC.
Docs article intro block.
For article pages.
Prev/next article block.
Docs article continuation.
Release/changelog page.
Timeline + grouped release notes.
Company and trust-oriented modules for jobs, service health, and supporting pages that sit adjacent to the product and marketing system.
Jobs index section.
Role cards/table + filters + CTA.
Operational status/incident page.
Current status hero + component list + incidents.