Floating Lines
Animated line-art backdrop that drifts with the cursor. Decorative island, no props, hydrates on visible.
Live demos
Atlas in motion.
Fourteen real pages, each one served by WordPress through the Atlas plugin. Server-rendered first; scripts only where interaction needs them. Every thumbnail below is the page it points to, live.
React island primitives
One island, in isolation.
Each page demonstrates one island on its own — what it looks like, how it hydrates, what props it accepts.
FAQ Accordion
Expand-collapse with smooth height transitions. Accepts an items[] prop of question/answer pairs.
Testimonial Carousel
Auto-rotating quotes with manual prev/next controls and dot navigation. Accepts items[] with quote/author/role.
Stat Counter
Number metrics animated on enter with configurable precision, suffix, and label. Counts up once when the section becomes visible.
Pricing Toggle
Monthly/yearly switch with recalculated prices and an optional savings badge. Accepts a plans[] manifest.
Multi-island templates
Full pages, many islands.
One outer block per page with a combined islands[] manifest — the runtime mounts each island into its own section in a single pass.
Skyboard
Hero with floating-lines backdrop, stats strip, pricing table, testimonial carousel, FAQ. Five islands composed.
Petalwave
Soft hero, testimonial rotator, pricing-style service tiers. Three islands composed.
Foundry
Hero with motion backdrop, stat strip, FAQ, pricing tier table. Four islands composed.
Component packs
Drop-in sections, arbitrary structure.
Marketing pages, storefronts, editorial longform, API reference — each one composed from the same single block.
SaaS Landing
Hero, feature grid, three-tier pricing, FAQ. Server-rendered HTML first; scripts only where interaction needs them.
Product Page
A storefront product page: image gallery, swatches, spec tables, reviews. Every pixel composed structure, rendered as static markup.
Docs Page
A three-column API reference: endpoint tables, method pills, code blocks, callouts. Arbitrary structure from the same one block.
Longform Article
A long-form editorial: drop cap, pull-quotes, footnotes, inline figures. Self-contained HTML; nothing loads from anywhere but your server.
Hærra
A wordmark-led brand landing — mark animation, editorial type, scroll-driven sections. The full plugin output, one composed page.
Motion Showcase
Editor-driven scroll, reveal, and parallax motion attributes applied to a single composed page.