LUNAUT STUDIOGet the component
OBJECTS FOR THE WEB / 010

Reactive Spotlight Cards

Quiet at rest.
Alive under your light.

01 / MOVE ACROSS THE GRIDCURSOR · TAP · KEYBOARD
01StrategyPositioning, structure and a clear story before a single pixel is placed.
02IdentityA visual language with enough character to be remembered.
03InterfaceScreens that feel calm, obvious and a little unexpected.
04MotionMovement with intention: guiding attention, never stealing it.
05DevelopmentFast, accessible builds that keep the details you designed.
06GrowthMeasure, learn and refine once the work meets real people.
No light until you arrive. Every card responds to where you really are.Border · Texture · Glow · Type · Icon
SHAPE THE LIGHT

Choose what
the dark reveals.

Change the color, reach and texture above.

02 / THREE ATMOSPHERESON DARK AND LIGHT SURFACES
AURORA · DOTSA
99.98%UptimeMeasured across every region last quarter.
PRIVATEPrivate by defaultEncrypted at rest and in transit.
EMBER · GRAINB
MON — FRIStudio hours9:00 to 18:00, Valencia time.
48 HFirst replyEvery brief gets a thoughtful answer.
PRISM · LINESC
OrbitScheduling that plans around people.
StackOne place for every draft and version.
PrismSplit any idea into its options.
CourseRoadmaps that stay honest.
ONE SECTION. A LITTLE MYSTERY.

Let visitors
find the details.

A responsive grid of dark cards lit by an invisible light that follows the cursor, spills naturally into neighboring cards and pulses on touch. Edit every card, color, texture and light setting in Framer.

Download the component

One Code File. React and Framer only.
No canvas, no WebGL, no per-frame React renders.

LUNAUT STUDIOINDEPENDENT OBJECTS. DISTINCTIVE WEBSITES.REACTIVE SPOTLIGHT CARDS / 1.0

Create a free website with Framer, the website builder loved by startups, designers and agencies.