A premium interactive card component that transforms traditional FAQ content into engaging 3D experiences. Each card responds to cursor movement with realistic tilt physics and reveals answers through smooth flip animations. Ideal for FAQ sections, feature showcases, product explanations, and any content that benefits from progressive disclosure and visual polish.
Real-time 3D tilt effect with mouse tracking and customisable sensitivity
Smooth flip animation to reveal answers with adjustable speed
Dynamic glow and particle effects that respond to user interaction
Front and back image support with five decorative divider shapes
Four premium style presets plus full custom colour control
Optional CTA button, card numbering, and auto flip-back timer
Question text
Answer text
Front image toggle and upload
Back image toggle and upload
Divider shape (None, Curve, Slant, Arc, Taper)
Image height slider
Style preset (Indigo, Emerald, Amber, Light, Custom)
Icon badge toggle and style
Card radius
Custom glow, background, and text colours
Question font
Answer font
CTA font
Hint font
Number font
Tilt sensitivity
Glow intensity
Flip speed
Card number toggle and value
Auto flip-back toggle and delay
CTA button toggle, text, and link
Particle toggle and density
FAQ and help centre sections that need visual engagement
Product feature cards with reveal interactions
Pricing comparison cards with detailed explanations
Interactive knowledge bases and documentation
Landing page sections requiring premium polish
Add depth and delight to your FAQ sections in seconds.
Aidan Looker
