QR Code Reveal

QR Code Reveal

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Un QR code discret, planqué derrière une petite icône, qui se déplie au clic

QR Code Reveal garde un QR code hors du chemin jusqu’à ce qu’on en ait besoin. Une petite icône reste discrète dans votre design, et un clic déplie un vrai QR code scannable, généré en direct depuis n’importe quelle URL.

L’icône prend plusieurs formes (glyphe QR, icône de scan, image custom, ou un mini QR code affiché en petit) avec des états hover partout. Le panneau glisse depuis la gauche ou la droite, en pleine hauteur, avec un overlay assombri.

Icône

  • Quatre styles : QR Icon, Scan Icon, Custom Image, ou un vrai QR code miniature

  • Size, padding, radius, fond et border, chacun avec un état hover optionnel

  • Label cliquable optionnel à côté de l’icône, qui partage son état hover

Panneau

  • Slide-in pleine hauteur depuis la gauche ou la droite, avec overlay assombri

  • Titre, description et légende éditables

  • Vrai QR code scannable généré en direct depuis l’URL, taille et couleur réglables

  • Largeur, padding, fond, couleur de texte et couleur d’overlay du panneau

  • Fermeture au X, au clic sur l’overlay, ou à l’Escape