Glitch Status Indicator
A highly interactive cybernetic core utilizing Framer Motion for magnetic hover physics, states (STABLE, UNSTABLE, CRITICAL) and SVG-based escalating glitch effects.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
initialCoreStateSTABLE
Starting state of the core: STABLE, UNSTABLE, or CRITICAL.
stableColor#7fff5e
Hex color of the core in STABLE state.
unstableColor#ffaa00
Hex color of the core in UNSTABLE state.
criticalColor#ff5c71
Hex color of the core in CRITICAL state.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| initialCoreState | string | "STABLE" | Starting state of the core: STABLE, UNSTABLE, or CRITICAL. |
| stableColor | string | "#7fff5e" | Hex color of the core in STABLE state. |
| unstableColor | string | "#ffaa00" | Hex color of the core in UNSTABLE state. |
| criticalColor | string | "#ff5c71" | Hex color of the core in CRITICAL state. |