Kinetic Swing Tag
A Gen-Z digital streetwear fashion tag with realistic string physics, draggable swinging motion, and holographic glare.
Component Showcase
Kinetic Swing Tag
A Gen-Z digital streetwear fashion tag with realistic string physics, draggable swinging motion, and holographic glare.
Framer MotionPhysicsGen-ZStreetwearInteractive
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor
Left accent gradient color.
secondaryColor
Right accent gradient color.
brandName
The central brand text.
seriesText
The subtext collection label.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#ff5c71" | Left accent gradient color. |
| secondaryColor | string | "#7fff5e" | Right accent gradient color. |
| brandName | string | "MELON" | The central brand text. |
| seriesText | string | "S/S 2024 ARCHIVE" | The subtext collection label. |