Brick Mosaic transforme votre image en une grille de briques colorées, avec studs, ombres et reliefs pour reproduire fidèlement les détails de la photo. Le rendu ne repose pas sur un simple filtre : chaque brique est générée individuellement pour créer une véritable mosaïque.

Features

Image

• Importez n'importe quelle photo et générez la mosaïque en temps réel

• Recadrage automatique adapté au ratio du composant

Briques

• Taille des briques ajustable pour contrôler le niveau de détail

• Option pour afficher ou masquer les studs

• Intensité de l'ombre des studs personnalisable

Mise en page et style

• Mode pleine largeur ou conservation des briques entières avec une légère marge

• Ombre native appliquée à chaque brique pour suivre la silhouette réelle de la mosaïque

• Compatible avec les images PNG et SVG transparentes

Note d'usage

Brick Mosaic est particulièrement intéressant pour créer des visuels hero, des illustrations ou des effets graphiques inspirés du pixel art. Le composant échantillonne les images jusqu'à une résolution maximale de 1600 px sur leur plus grand côté : une image suffisamment détaillée donnera donc de meilleurs résultats avec de petites briques.

L'image et les paramètres se configurent directement dans le canvas Framer. Le composant est destiné à être configuré lors de la conception et ne propose pas de contrôle d'import d'image pour les visiteurs du site.

Installation

1. Glissez Brick Mosaic sur votre canvas Framer

2. Importez ou sélectionnez une image

3. Ajustez la taille des briques et les options visuelles

4. Publiez