Kinetic Shard Terminal
A highly interactive cyberpunk-style terminal that unlocks via dragging and dropping a 'Data Shard' into a magnetic slot.
Component Showcase
Kinetic Shard Terminal
A highly interactive cyberpunk-style terminal that unlocks via dragging and dropping a 'Data Shard' into a magnetic slot.
Framer MotionDrag and DropPremiumCyberpunk
Interactive Playground
Adjust sliders and values to preview changes in real-time
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "CORE TERMINAL" | The main title displayed on the locked and unlocked views. |
| primaryColor | string | "#7fff5e" | The main neon color used for the shard, slot bounding box, and graphs. |
| accentColor | string | "#ff5c71" | The accent color used for secondary highlights. |