a soft toolkit for emitted light
interfaces that breathe in the dark — bioluminescent components, phosphorescent feedback, glow-state primitives.
Every component in luminescence breathes. A subtle 8-second cadence governs opacity and scale, mimicking the natural rhythm of deep-sea organisms emitting light. No element is ever fully still — only momentarily quiet.
<Glow rate="8s" intensity="0.05" hue="#4a90ff" />Glassmorphic panels float at staggered z-depths. Each container blurs the field behind it and casts a faint glow outward — the way a translucent jellyfish carries its own ambient light into surrounding water.
backdrop-filter: blur(16px);
box-shadow: 0 0 40px rgba(74,144,255,0.05);Tiny luminescent particles drift on slow, divergent paths — populations of 8 to 12 dots at 10% opacity, animated over 15 to 25 seconds. They establish a sense of submerged scale without demanding attention.
Hover, focus, and active states never flash. They warm into being over 600ms, lingering after release like phosphorus on a wet stone. Feedback is felt rather than seen.
As you scroll, light grows scarce. Panels narrow, contrast diminishes, particles thin out. The page tells a story of descending into deep water until nothing remains but a single point of light.
npm install @luminescence/core
import { Glow, Drift, Pulse } from '@luminescence/core'