Selene①
A little gravity.
A lasting impression.
An interactive particle moon,
crafted for Framer.
Move closer. Leave a trace.
Silver dust. Sculpted by light.
One component. Your atmosphere.Give your canvas
some gravity.
A self-contained object that lives alongside your own typography, layout and links. No image assets to replace.
Launch price · $19 USD
Checkout opening soon · v1.0.001Bring it into Framer
In Assets → Code, create a new code file named Selene. Replace its contents with Selene.tsx and save. Drag Selene from Assets onto your page.
02Find its place
Start with a 640 × 640 frame. Set Width to Fill inside a Stack and choose a height for each breakpoint: desktop 640, tablet 480, mobile 340. Keep text and links in native Framer layers beside or above the object.
03Make it yours
Choose Argent, Cinder or Eclipse. Select Custom for your own colors. Adjust Light phase, Tidal relief and Repulsion. Auto quality adapts to the component's width. Preview the page to see motion; the editor stays still.
04Let it breathe
Keep Controls enabled so visitors can pause motion. Selene respects reduced motion and pauses outside the viewport. On touchscreens, tap for a ripple; vertical scrolling remains available.