Hyper Core Reactor
An experimental interaction component with magnetic physics, fluid motion, and a tactile hold-to-unlock sequence.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
coreColor#ff5c71
Color of the central core element.
ringColor#7fff5e
Color of the outer glowing charge ring.
chargeTime2000
Duration in milliseconds required to hold to unlock.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| coreColor | string | "#ff5c71" | Color of the central core element. |
| ringColor | string | "#7fff5e" | Color of the outer glowing charge ring. |
| chargeTime | number | 2000 | Duration in milliseconds required to hold to unlock. |