Light on foil, not a gradient on a card.
HoloCard is a responsive holographic card system for Framer. Its iridescent spectrum and light sweep move against the 3D tilt, creating a more physical foil effect than a simple moving gradient.
Use one of 5 layouts: Ticket, Membership, Gift Card, Event Pass, or Stat. Or switch to Custom Frame and apply the treatment to a Framer design you've already built.
Highlights
• Counter-parallax foil + traveling light sweep • Cursor-tracked 3D tilt + glare • Aurora, Chrome, Sunset, Neon + Custom spectrum • Five responsive layouts + Custom Frame • Both / Hover Only / Idle Only / Off motion modes • Optional card link or tap-to-cycle spectra • Fit-to-Frame responsive sizing • Adaptive title, spacing + decorative barcode • Separate display + etched font controls • Reduced-motion support • Static on the Canvas and in exports • Pauses motion when off-screen • Visible keyboard focus states • Zero dependencies
Setup
Add HoloCard, keep Sizing on Fit to Frame, set the frame width to Fill and height to Fit, then choose a layout and spectrum. Preview to see motion.
Note: the generated barcode is decorative and not scannable.
Light on foil, not a gradient on a card.
HoloCard is a responsive holographic card system for Framer. Its iridescent spectrum and light sweep move against the 3D tilt, creating a more physical foil effect than a simple moving gradient.
Use one of 5 layouts: Ticket, Membership, Gift Card, Event Pass, or Stat. Or switch to Custom Frame and apply the treatment to a Framer design you've already built.
Highlights
• Counter-parallax foil + traveling light sweep • Cursor-tracked 3D tilt + glare • Aurora, Chrome, Sunset, Neon + Custom spectrum • Five responsive layouts + Custom Frame • Both / Hover Only / Idle Only / Off motion modes • Optional card link or tap-to-cycle spectra • Fit-to-Frame responsive sizing • Adaptive title, spacing + decorative barcode • Separate display + etched font controls • Reduced-motion support • Static on the Canvas and in exports • Pauses motion when off-screen • Visible keyboard focus states • Zero dependencies
Setup
Add HoloCard, keep Sizing on Fit to Frame, set the frame width to Fill and height to Fit, then choose a layout and spectrum. Preview to see motion.
Note: the generated barcode is decorative and not scannable.
