🏆 The setup: $10,000 on the table

The Framer × Contra Hackathon challenges builders to:
→ Create a unique, creative component in Framer, publish it, and land a spot among the 6 winners sharing $10,000 in prizes.

Deadline: tonight, midnight.
Official details: Hackathon guidelines

The key rules

• Build an original component with Framer Workshop

• Provide a preview link + a remix link for the jury

• Be original, intuitive, impactful

• Submit your component before midnight via Contra

My component: AR Product Viewer

I wanted to build something that rethinks the online product experience.

Picture this: you want to show a product in 3D and augmented reality straight from your Framer site, with zero code. That's exactly what AR Product Viewer does:

• 🌀 Instant 3D popup → smooth rotation, zoom, pan

• 📱 Mobile AR mode → works natively on Android and iOS

• 📂 Upload or link your model in GLB/GLTF/USDZ

• 📏 SizeModel (%) → keeps a consistent scale between preview and AR

• 🎨 Custom UI → button, style, typography… fits any brand

All of it lightweight, fast, intuitive: a drop-in component built for brands, e-commerce, and portfolios.

Tips for last-minute participants

1. Find the angle
   I scanned the Marketplace for gaps: no simple AR solution → opportunity locked in.

2. Ship a fast prototype
   Coded the component in React inside Framer Workshop, responsive from day one.

3. Polish the experience
   Micro-interactions, dark/light handling, simplified setup.

4. Buzz on Contra
   My post is already trending → See my Contra profile

🕛 Final stretch

My AR Product Viewer is live and locked — no more edits allowed.
Now it's all on the jury and the final call. ⏳

I'm still trending on Contra, so every view and every interaction counts before the deadline.

Fingers crossed 🤞 that I make the cut as one of the 6 winners and grab a slice of the $10,000 🥂
Either way, I'll share a full write-up on the process, what I learned, and what's next.

🔗 Check out my AR Product Viewer