Specimen: X-Ray Scroll Animated SaaS Landing Page for Next.jsSpecimen: X-Ray Scroll Animated SaaS Landing Page for Next.js
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
Most SaaS landing pages look the same: a gradient, a dashboard screenshot, three feature cards.
So I built one that looks like an X-ray lightbox. πŸͺ²
Specimen is a Next.js landing page template for developer tools and SaaS. The idea is simple: software bugs, drawn as real bugs. A moth is a memory leak, a tarantula is a race condition, a beetle is a null reference, and an ant with one extra leg is an off-by-one.
Every insect is drawn in code. There are no stock photos and no image files.
Some favourite moments:
β†’ A hero you can operate: rulers, crosshairs and a magnifying lens you steer with your cursor β†’ A beetle shell that a beam turns into X-ray as you scroll, with each layer of the error labelled β†’ A cinematic field camera that glides across a forest, searches each tree, locks onto the bug and zooms in β†’ A finale where the camera flies toward a glowing horizon and the call to action rises out of the light
Built with Next.js 16, React 19, Tailwind CSS v4, Motion and Lenis. It's fully responsive, with a calm version for people who prefer reduced motion.
It's available now on Contra. Link below πŸ‘‡
Mahmudul's avatar
Cool work
Fardin Omor's avatar
Thanks😊
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