Floating Lines
Animated line-art backdrop that drifts with the cursor. Decorative island, no props, hydrates on visible.
§ 01
/
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.
§ 02
/
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.
§ 03
/
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.
§ 04
/
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.