Nyra is a product landing page for a professional webcam, built around a bold dark theme and an i...Nyra is a product landing page for a professional webcam, built around a bold dark theme and an i...
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
Nyra is a product landing page for a professional webcam, built around a bold dark theme and an interactive 3D product showcase. The centerpiece is a CSS 3D cube that tilts in response to mouse movement, paired with glowing lens details, pulsing "REC" indicators, and face-tracking style photo panels with an animated scan-line effect. Built with vanilla HTML, CSS, and JS — including scroll-triggered reveal animations, a film-grain texture overlay, and full responsiveness across devices. The design leans into the aesthetic of premium hardware product pages, where motion and detail do the selling.
Post image
Post image
Post image
Nugraha's avatar
Nutaraline logo
@Aditya The mouse-tilted CSS cube and scan-line photo panels fit the webcam concept well. How did you keep those interactions smooth on mobile with the film-grain overlay active?
Back to feed
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