Core30 Eye-Candy Library
Skin
Page type

The parts bin for premium, motion-first sections.

Every tile is a live, re-skinnable section harvested from a shipped Core30 build. Flip the Skin switch to watch the same component take on a different brand — that's the drop-in promise. Open any one full-screen to interact with it.

24 variants · seeded 2026-07-08 · full Regenerate Wellness harvest (heroes, condition heroes, homepage heroes, index & process sections).

Heroes

17 in library
Open full ↗

Rotor Bold

Regenerate Wellness HP-4 — owner-ruled homepage hero (2026-07-04)

homepage Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: kinetic · bold · oled-dark · clinical

Open full
Open full ↗

Sonar Pulse

Regenerate Wellness K2 — owner-ruled condition-pillar hero (2026-07-04); live on 6 pillars

conditionservice Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: clinical · kinetic · premium · light

Open full
Open full ↗

Rotor + Blob

Regenerate Wellness — variant D (rotating word) + variant A (organic blob), owner-ruled blog hero (2026-07-04)

blogindex-hub Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: kinetic · playful · editorial · light

Open full
Open full ↗

Organic Blob

Regenerate Wellness — variant A (your blob sketch)

blogindex-hubabout Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: playful · editorial · light · premium

Open full
Open full ↗

Stacked Collage

Regenerate Wellness — variant B

blogindex-hubabout Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: playful · editorial · light · bold

Open full
Open full ↗

Arch + Topic Ticker

Regenerate Wellness — variant C

blogindex-hub Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: editorial · kinetic · light

Open full
Open full ↗

Kinetic Rotating Word

Regenerate Wellness — variant D (standalone rotating word)

blogindex-hubhomepage Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: kinetic · bold · light · clinical

Open full
Open full ↗

Image-in-Text

Regenerate Wellness — variant E

blogindex-hubhomepage Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: bold · editorial · premium · light

Open full
Open full ↗

Cursor Spotlight

Regenerate Wellness — variant F

bloghomepageindex-hub Tier 1 · GSAP/CSS 1 KB JS reduced-motion ✓

Vibe: kinetic · bold · oled-dark · techy

Open full
Open full ↗

3D Depth Tilt

Regenerate Wellness — variant G

blogindex-hubabout Tier 1 · GSAP/CSS 1 KB JS reduced-motion ✓

Vibe: playful · premium · light · techy

Open full
Open full ↗

Symptom Cascade

Regenerate Wellness K3

condition Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: kinetic · clinical · light · bold

Open full
Open full ↗

Editorial Index

Regenerate Wellness K4

conditionblog Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: editorial · premium · light · minimal

Open full
Open full ↗

Orbit

Regenerate Wellness K5

condition Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: playful · kinetic · light

Open full
Open full ↗

Torchlight

Regenerate Wellness HP-1

homepage Tier 1 · GSAP/CSS 1 KB JS reduced-motion ✓

Vibe: kinetic · bold · oled-dark · techy

Open full
Open full ↗

Glass Deck

Regenerate Wellness HP-3

homepage Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: premium · oled-dark · minimal · corporate

Open full
Open full ↗

Blend Type

Regenerate Wellness HP-5

homepage Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: bold · premium · oled-dark · luxury

Open full
Open full ↗

Vital Bento

Regenerate Wellness Concept D 'Vital Contrast' (its signature bento hero — captured as a component, not a duplicate skin)

homepage Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: bold · techy · light · premium

Open full

service cards

1 in library
Open full ↗

Protocol Bento

Regenerate Wellness SV-2

serviceindex-hubhomepage Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: bold · premium · light · corporate

Open full

condition cards

1 in library
Open full ↗

Sonar Cards

Regenerate Wellness CI-1 (owner's sonar-cards idea)

index-hubconditionhomepage Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: kinetic · clinical · bold · light

Open full

process

3 in library
Open full ↗

Protocol Path

Regenerate Wellness SV-1

serviceindex-hub Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: clinical · premium · light · corporate

Open full
Open full ↗

Pulse Timeline

Regenerate Wellness HW-1

serviceindex-hubabout Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: clinical · kinetic · light · premium

Open full
Open full ↗

Stepper Cinema

Regenerate Wellness HW-2

serviceindex-hubabout Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: bold · premium · oled-dark · corporate

Open full

index hub

2 in library
Open full ↗

Body Map

Regenerate Wellness CI-2

index-hubcondition Tier 1 · GSAP/CSS 0 KB JS reduced-motion ✓

Vibe: clinical · kinetic · minimal · light

Open full
Open full ↗

Chapter Index

Regenerate Wellness CI-3

index-hubblogcondition Tier 0 · CSS 0 KB JS reduced-motion ✓

Vibe: editorial · minimal · premium · light

Open full