🏆 Le concept : 10 000 $ en jeu

Le Framer × Contra Hackathon met les builders au défi :
→ Créer un composant unique et créatif dans Framer, le publier, et décrocher une place parmi les 6 gagnants qui se partageront 10 000 $ de prix.

Deadline : ce soir, minuit.
Infos officielles : Guidelines du hackathon

Les règles clés à respecter

• Créer un composant inédit avec Framer Workshop

• Fournir un lien de preview + un lien de remix pour le jury

• Être original, intuitif et impactant

• Soumettre ton composant avant minuit via Contra

Mon composant : AR Product Viewer

J’ai voulu créer un composant qui réinvente l’expérience produit en ligne.

Imagine : tu veux montrer un produit en 3D et en réalité augmentée directement depuis ton site Framer, sans une seule ligne de code. C’est exactement ce que fait AR Product Viewer :

• 🌀 Popup 3D instantanée → rotation, zoom, pan fluides

• 📱 Mode AR mobile → fonctionne direct sur Android et iOS

• 📂 Upload ou lien vers ton modèle GLB/GLTF/USDZ

• 📏 SizeModel (%) → garde une échelle cohérente entre la preview et l’AR

• 🎨 UI personnalisable → bouton, style, typographies… adaptable à ton branding

Le tout léger, rapide, intuitif : un drop-in component pensé pour les marques, les e-commerces et les portfolios.

Conseils pour les derniers participants

1. Trouver l’idée
   J’ai analysé les manques dans la Marketplace : pas de solution AR simple → opportunité trouvée.

2. Prototype rapide
   J’ai codé le composant en React dans Framer Workshop, responsive dès le départ.

3. Soigner l’expérience
   Micro-interactions, gestion dark/light mode, configuration simplifiée.

4. Buzz sur Contra
   Mon post est déjà en tendance → Voir mon profil Contra

🕛 Dernière ligne droite

Mon composant AR Product Viewer est déjà en ligne et je ne peux plus rien modifier.
Maintenant, tout repose sur le jury et la décision finale. ⏳

Je suis encore en tendance sur Contra, donc chaque vue, chaque interaction compte pour maximiser la visibilité avant la deadline.

Je croise les doigts 🤞 pour faire partie des 6 gagnants et décrocher ma part des 10 000 $ 🥂
Quoi qu’il arrive, je partagerai un retour complet sur mon process, les enseignements et les prochaines étapes !

🔗 Découvre mon composant AR Product Viewer