Glitch Pulse Core
A highly interactive cybernetic core utilizing Framer Motion for magnetic hover physics, states (STABLE, UNSTABLE, CRITICAL) and SVG-based escalating glitch effects.
Component Showcase
Glitch Pulse Core
A highly interactive cybernetic core utilizing Framer Motion for magnetic hover physics, states (STABLE, UNSTABLE, CRITICAL) and SVG-based escalating glitch effects.
Framer MotionGlitchInteractiveSVG Filter
Interactive Playground
Adjust sliders and values to preview changes in real-time
initialCoreState
Starting state of the core: STABLE, UNSTABLE, or CRITICAL.
stableColor
Hex color of the core in STABLE state.
unstableColor
Hex color of the core in UNSTABLE state.
criticalColor
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. |