Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageStardust Scatter Hero
Night-sky landing hero built as a plain, fully editable Etch tree: section > "Stardust Field" wrapper component (stardust canvas, accent glow, planet-edge horizon, constellation lines, a stars slot holding "Stardust Phot…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Stardust Scatter Hero reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Hero
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 7
Set on the section, in Etch’s attributes panel. No code needed.
data-themedata-accentaccent word, tag, button arrow and the horizon rim
data-heightat least one full viewport or natural height
data-animhow the copy enters
data-eyebrowannouncement pill
data-secondaryfilm button
data-statsstat row under the copy
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
entranceburst
triggerin-view
duration1500
stagger70
easingspring
driftTrue
driftSpeed12
driftDistance9
parallaxTrue
parallaxStrength26
scrollDepthTrue
dustmedium
twinkleTrue
shootingStarsTrue
shootingInterval7
linesTrue
lineStyledashed
captionshover
depthBlursoft
showGlowTrue
showHorizonTrue
showToggleTrue
labelPhotos from our dark-sky journeys
imagehttps://images.unsplash.com/photo-1444703686981-a3abbc4d4fe3?w=600
altA lone figure under the Milky Way
x10
y48
mobileX20
mobileY56
showOnMobileTrue
depthmid
sizem
ratiosquare
shaperounded
rotate0
focalcenter
showCaptionTrue
titleNamibRand, Namibia
showMetaTrue
metaGold-tier dark-sky reserve
valueBortle 1
showLabelTrue
labelthe darkest sky class, on every trip
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
