Skip to content

Live demos

Atlas in motion.

Twenty-four pages running on the Atlas runtime — component packs, full-page templates, and community contributions. Every page renders server-side and hydrates only the interactive parts.

React island examples

Single-island primitives

Each page demonstrates one island in isolation — what it looks like, how it hydrates, what props it accepts.

Floating Lines

Floating Lines Island

Animated line-art backdrop that drifts with the cursor. Decorative island, no props, hydrates on visible.

View demo
FAQ Accordion

FAQ Accordion Island

Expand-collapse with smooth height transitions. Accepts an items[] prop of question/answer pairs.

View demo
Testimonial Carousel

Testimonial Carousel Island

Auto-rotating quotes with manual prev/next controls and dot navigation. Accepts items[] with quote/author/role.

View demo
Stat Counter

Stat Counter Island

Number metrics animated on enter with configurable precision, suffix, and label. Counts up once when the section becomes visible.

View demo
Pricing Toggle

Pricing Toggle Island

Monthly/yearly switch with recalculated prices and an optional savings badge. Accepts a plans[] manifest.

View demo

Multi-island templates

Full pages composed from multiple 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

Skyboard — fintech Island

Hero with floating-lines backdrop, stats strip, pricing table, testimonial carousel, FAQ. Five islands composed.

View demo
Petalwave

Petalwave — agency Island

Soft hero, testimonial rotator, pricing-style service tiers. Three islands composed.

View demo
Foundry

Foundry — devtools Island

Hero with motion backdrop, stat strip, FAQ, pricing tier table. Four islands composed.

View demo

Component packs

Drop-in sections and blocks

Individual sections, heroes, and blocks that can be installed into any page.

M

Marble Hero

Editorial hero with split image / type lockup and reveal animation.

View demo
P

Three-tier Pricing

Pricing table with monthly/yearly toggle, featured-plan highlighting.

View demo
L

Logo Wall — 12 slot

Greyscale + hover-coloured client logo strip with marquee fallback.

View demo
?

FAQ Slab

Accordion FAQ with structured-data export and editorial typography.

View demo
W

Woo Product Grid Woo Paid

Category-aware Woo grid with stock and price-range chips.

View demo
C

Woo Cart Drawer Woo

Slide-out cart with quantity edit, line-level upsells, AJAX refresh.

View demo
T

About — Team grid

Founder + team bio grid with role chips and social links.

View demo
B

Blog Index

Filterable blog index with category facets and read-time estimates.

View demo
★

Testimonial Carousel

Multi-card testimonial slider with autoplay + manual controls.

View demo

Full-page templates

Complete landing pages

Ready-made pages for specific verticals — install and customise.

Q

Wellness — Quietfield

Wellness studio landing with class schedule, instructor bios, and intake CTA.

View demo
T

Outdoor DTC — Trailpath Woo

Outdoor-gear DTC landing with product hero, field-tested proof, and bundle offer.

View demo
C

Coffee DTC — Cofferly Woo

Specialty-coffee DTC landing with origin-story hero, subscription tiers, and brew guide.

View demo
I

Design Studio — Inkframe

Design-studio landing with portfolio grid, philosophy section, and project intake.

View demo
A

Beauty DTC — Auroria Woo

Beauty DTC landing with hero product reel, ingredient breakdown, and shade-finder CTA.

View demo
L

Interiors — Linenrow Woo

Interiors and homewares landing with room-set hero, collection grid, and trade signup.

View demo
N

North Atlas Hero

Heavy-typographic hero with parallax background slot.

View demo
P

Paperdrift Blog

Long-form blog template with footnote support and pull-quotes.

View demo
V

Verdant — Sustainability

Sustainability brand landing with impact-stats hero, mission section, and signup.

View demo

Community packs

Contributed templates

Community-submitted pages spanning publications, events, and studios.

V

Studio Volk — About

Editorial about-page template with bio grid and social links.

View demo
Q

Quilltrace — Publication

Independent-publication landing with masthead, recent issues, and subscribe CTA.

View demo
S

Stagebrook — Events

Events-and-festivals landing with programme grid, venue map, and ticket CTA.

View demo