Components

Reusable Svelte components for scrollytelling and data-driven stories.

Scrolling

Core components for scroll-driven storytelling

Scrolly

Base scroll detection using IntersectionObserver

ScrollyContent

Step boxes with content rendering

Layout

Structural components for page layout

StoryHeader

Story header with title, authors, date

Nav

Responsive navigation bar

Footer

Site footer with social links

Content

Components for rendering text, markdown, and code

MarkdownRenderer

Renders markdown with KaTeX math support

RenderTextContent

Renders content items by type

CopyCodeBlock

Copyable code block with clipboard support

CodeBlock

Syntax-highlighted code display

UI Controls

Interactive UI components

ThemeToggle

Dark/light mode toggle

SimpleSelect

Dropdown select component

SimpleToggle

On/off toggle switch

Tooltip

Hover tooltip

Utilities

Helper components for common patterns

Meta

SEO meta tags for social sharing

Spinner

Loading indicator

ScrollIndicator

Animated scroll-down arrow