Physics-Based Micro-Interaction Sandbox
Renders delight-focused micro-interactions including spring-physics like buttons, floating orbs, and card tilts.
Customize Placeholders in Real-Time
Adjust spring damping and stiffness values to match your application tone.
Build an interactive UI Micro-Interactions Showcase artifact in React. Feature 6 distinct interactive micro-animations: 1. 3D Gyroscopic Card Tilt: Mouse movement over the card recalculates 3D rotateX and rotateY with dynamic specular light reflection. 2. Particle Confetti Burst: Clicking a "Claim Reward" button triggers a multi-colored canvas/DOM particle explosion. 3. Magnetic Cursor Magnet: A floating CTA button that subtly gravitates toward the user's cursor when nearby. 4. Multi-Step Progress Tracker: Smooth morphing progress bar that pulses with SVG checkmark celebrations. 5. Drag-to-Dismiss Card Stack: Swipeable cards with velocity threshold detection and spring snap-back. 6. Ambient Glowing Orb: Interactive fluid gradient sphere responding to click ripples. Use pure React and CSS transitions/transforms without external animation libraries.
Optimization Tips & Parameters
Test mouse hovering over the 3D card tilt to see realistic specular glare reflection.
Associated Tags & Use Cases
More motion design animation Prompts
View full library →
1:1
Tilt-Shift Miniature Diorama Stop-Motion
Simulates miniature tilt-shift photography with shallow horizontal focal band and playful stop-motion frame rate.
Higgsfield AI tilt-shift animation prompt: Isometric high-angle view of a bustling miniature European village harbor rendered with extreme tilt-shift optical blur (sharp horizontal focal band across the center, creamy blurred top and bottom). Tiny colorful fishing boats bob playfully on turquoise water with charming 12fps claymation/stop-motion cadence. Miniature toy figurines walk along cobblestones carrying microscopic market crates. Vibrant saturated colors, warm sunny day, whimsical diorama charm.
1:1Hypnotic Seamless Kinetic Motion Graphic Loop
Perfect 10-second seamless video loop of evolving iridescent geometric ribbons and floating metallic spheres.
Higgsfield AI looping animation prompt: Perfectly seamless 10-second kinetic motion graphic loop. Intertwined ribbons of liquid chrome and translucent frosted glass twist and flow through 3D space in endless mathematical harmony. Floating metallic spheres orbit around the central vortex with gentle physics. Soft studio illumination, iridescent chromatic aberration along edges, dark slate background (#0A0E17). The final frame matches the initial frame with zero jump or stutter.