Offline development surface
All 38 components.
No live API.
Every scenario renders the real public component using sanitized, hardcoded production-seeded snapshots and clearly labeled synthetic control states.
Component catalog
38 components
Every public export has an isolated route and multiple deterministic scenarios.
AffiliateCard
contentSponsored-content card with explicit labeling, bundled imagery and a local action callback.
Artwork
contentResponsive podcast artwork with badge, priority loading and a deterministic fallback state.
AudioPlayer
audioComplete responsive episode player composition with progress, transport, share and minimize controls.
AudioProgress
audioAccessible seek slider showing current, buffered and total episode playback time.
BlogPost
contentLong-form editorial article with breadcrumbs, dates, image and trusted rendered body content.
BlogPostCard
contentLinked editorial preview combining bundled artwork, metadata, title and excerpt.
BlogPostList
contentResponsive article-card collection with populated, empty and long-title scenarios.
Breadcrumbs
navigationAccessible hierarchical navigation trail supporting links, current labels and Unicode content.
Button
feedbackGeneral-purpose Svelte button covering variants, sizes, pressed, loading and disabled behavior.
ContinueListening
audioResume-listening card with episode artwork, progress, playback and dismiss actions.
CookieConsentModal
feedbackCookie preference dialog with synthetic settings, save and accept-all interactions.
EpisodeCard
contentEpisode row with artwork, publication metadata, active playback state and local action callbacks.
EpisodeList
contentEpisode collection rendering production-seeded, empty and multilingual content states.
ExpandableText
contentClamped plain or trusted HTML description with an interactive read-more disclosure.
Footer
layoutSite footer composition with brand information, navigation groups, legal links and optional signup.
FullBleedImage
layoutFull-width bundled artwork treatment with configurable overlay and slotted foreground content.
Header
navigationResponsive sticky site header with navigation, active state, search region and mobile menu.
HeroSection
layoutFlexible hero composition supporting eyebrow, long title, actions, content and media regions.
MiniPlayerControls
audioCompact playback, expand and close button group with an interactive event readout.
Modal
feedbackDismissible accessible dialog shell with optional body, description and footer snippets.
PageShell
layoutPage-level layout wrapper arranging optional header, metadata, wide content and footer regions.
Pagination
navigationAccessible previous, next and numbered-page navigation with safe boundary handling.
PendingSignup
feedbackNewsletter signup form covering editable, submitting and successful synthetic states.
Pill
navigationCompact taxonomy control supporting links, selected state, custom content and removal.
PlayerControls
audioPlayback transport controls for pause, skip, speed selection and disabled media states.
PlayerMinimizeButton
audioSingle-purpose control toggling the full player between minimized and expanded states.
PodcastCard
discoveryLinked podcast tile combining bundled cover, public title, author and optional day label.
PodcastGrid
discoveryAdaptive podcast collection selecting simple, featured or asymmetric layouts by item count.
PodcastGridAsymmetric
discoveryNine-item editorial podcast layout balancing a six-card group and a stacked side column.
PodcastGridFeatured
discoveryFeatured podcast composition pairing one prominent item with a supporting small-card group.
PodcastGridSimple
discoveryStraightforward responsive grid for small podcast sets, empty input and Unicode titles.
PodcastList
discoveryCompact podcast list with bundled artwork, public metadata and an explicit empty state.
Popover
feedbackAnchored disclosure surface with controlled open state, placement and local callbacks.
SearchBar
navigationDebounced search interface backed only by deterministic in-memory podcast and episode fixtures.
Section
layoutReusable content section with eyebrow, heading, description, actions and child content.
ShareMenu
audioEpisode share disclosure with local clipboard behavior and precomposed social share links.
SponsorGrid
contentPartner collection covering text, bundled image and trusted image-text presentation modes.
SpotifyEmbed
audioSpotify episode embed component shown in explicit offline preview mode without loading Spotify.