Blue Botanical Garden

Cinematic Framer Component

A cinematic section with sculpted floral depth, smooth scroll motion, and editable premium cards.

Scroll to enter

Featured

A Sculpted Collection

Three editable cards with botanical relief, glass depth, and cinematic hover.

Depth

Layered glass, light, and hand-drawn botanicals give every card a tactile sense of depth.

Motion

Plants unfurl and drift as you scroll — cinematic motion that pauses politely off-screen.

Themes

Switch between Blue, Green, Amber, and Nocturne — every surface re-skins in a single click.

Re-skinnable

One component, fully re-skinned — background, cards, botanicals, and glow all shift mood.

Theme

Deep sapphire — the default mood.

Theme

Leaf tones and moss shadow.

Theme

Candlelit garden gold.

Theme

Darker, restrained glow.

Drop the Blue Botanical Garden onto any page, then edit everything natively on the canvas — no code required.

Every layer is a named native stack — click and edit any element directly. One layer, one job.
Four theme presets: Blue Botanical, Green Conservatory, Amber Garden, Nocturne. Re-skin via the BBG / Color tokens or the per-layer fills.
Swap botanicals per layer: Left / Plant Image, Plant Band / Plant Image, and the Intro Backdrop / Plant.
All text is editable in place: eyebrow, title, subtitle, scroll hint, and each card label, title, and description.
Responsive: a wide row on desktop, gracefully stacked on tablet and phone with the column backdrop.
Motion lives on dedicated layers: intro growth and parallax, scroll-hint loop, card hover-lift, and plant light response.
Each card Root is link-ready — set a target to make the whole card a link.

This page is the marketplace presentation surface — the component itself is the product.