The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Lanyard Pass (Framer)
Free Framer Marketplace component — interactive lanyard badge with swing physics.
Drag · throw · flip. Soft shadow. Compact schedule. Wallet line as copy only.
The interaction feels delightfully tangible—small details like the swing physics and soft shadow give the component a lot of character. Great example of a compact Framer build that rewards exploration.
Really appreciate it Rohan! I'll upload the link when its finished if you wanna test it :D
Swing physics give the badge a playful interaction idea.
Thanks Mykola!
You’re welcome! 🙌
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Which layout is better?
.
.
Curious which one wins? Follow along for more tests like this x.com/rightnextstep
20 voted
67%
10 voted
33%
30 votes
Closed
Hero 1 shows the hero text very well but you might need to work on the Hero CTA for "join the masterclass", I will probable miss it as a key action if I was a regular user
It's all in the (motion) details
Editorial Motion Concept - Monument
NEXOR — Creative Digital Agency Website 🔥
NEXOR is a futuristic website concept for a creative digital studio focused on digital products, brand systems, and bold digital experiences.
The goal was to create a memorable first impression while keeping the agency’s services and next steps clear.
Special attention was given to:
• a bold hero composition with oversized typography and futuristic imagery;
• a vibrant orange and black palette that creates a distinctive visual identity 🟠;
• a strong visual hierarchy that balances creative expression with usability;
• clear CTAs for starting a project or booking a call;
• a contact form integrated directly into the hero section;
• responsive mobile layouts that preserve the visual impact 📱;
• a full-screen mobile menu with intuitive navigation and prominent contact options.
The result is an expressive digital experience that combines bold visual storytelling with a clear path to conversion.
Looking to create a distinctive website for your creative agency, digital studio, or technology brand? Let’s build something extraordinary together ⚡
The orange-and-black system has real presence, and the mobile frames show the hierarchy holding together rather than just shrinking. The clear CTA placement is a smart counterweight to the oversized hero type.