Open experiment
Aurora spotlight cursor
A focusable exploration surface built from a persistent aurora layer and a single radial reveal mask. Pointer movement or arrow keys guide a coordinate beacon through the spectrum without spawning particles or replacing the global cursor.
Lab tested Responsive Dark mode Interactive
- Version
- 1.0.0
- Updated
- 2026-08-02
- Dependencies
- Zero
<section
class="cmp-aurora-cursor"
tabindex="0"
aria-label="Aurora spotlight cursor demonstration"
aria-describedby="cmp-aurora-cursor-help"
>
<span class="cmp-aurora-cursor__spectrum" aria-hidden="true"></span>
<span class="cmp-aurora-cursor__veil" aria-hidden="true"></span>
<i class="cmp-aurora-cursor__beacon" aria-hidden="true"></i>
<header><span>Polar signal</span><strong>Reveal the hidden spectrum</strong></header>
<p id="cmp-aurora-cursor-help">Move a pointer or use arrow keys after focusing.</p>
<span class="cmp-aurora-cursor__status" aria-live="polite">Spotlight centered</span>
</section>
No runtime reactions detected Open in Editor
Validated in the lab
Experiment report
- Schema and source files passed
- Responsive test passed
- Keyboard test passed
- No console errors
Component ingredients
- Dependencies
- None
- Browser support
- Current Chrome, Current Edge, Current Firefox, Current Safari
- Version
- 1.0.0
- Last tested
- 2026-08-02
Accessibility notes
- The field is focusable and supports arrow-key exploration.
- Instructions remain visible while the aurora reveal stays decorative.
- Reduced motion updates the spotlight instantly without interpolation.
License: MIT License for open-source use, modification, and distribution.