KOMPOSE.
All resources
Website

Sites That Hit Different

The problem it solves

The sites that made me get up and dance at my desk.

Most websites today look the same. Same template, same fonts, same three-column grid, same fade-in animation everyone copied from the same course. You scroll past a hundred of them a week and none of them stick.

Then every once in a while you land on one of these. The kind where the first scroll already feels different. Where someone clearly said no to the easy version and built the weird one instead. That is the whole reason this list exists. Not because these sites are technically perfect, but because they made me stop, lean forward, and genuinely react. One of them is the reason I started dancing at my desk with three monitors glowing behind me in the dark, no music playing, just the site doing all the work.

If you build anything online, whether that is a portfolio, a landing page, or a whole product, this list is worth ten minutes of your time. Save it, steal the ideas, and go make something that makes someone else react the way these made me react.

https://buttermax.net, https://drumspirit.be, https://amo.co, https://etienne.studio, https://oscartao.com, https://igloo.inc

Related resources

All resources
WebsiteClaude

How the Lando Norris, Charles Leclerc and Oscar Piastri sites are built

F1 driver sites (landonorris.com, charlesleclerc.com, oscarpiastri.com) look like an unreachable budget, yet none of the three uses 3D: it is all Lenis, GSAP ScrollTrigger, masked line-by-line text reveals and well encoded full-bleed video. The real blocker is that a single prompt cannot produce this kind of site, because the systems depend on each other (scroll engine before any animation, preloader before the hero, consecutive pins in one sequence). This breaks down what actually runs on all three, then splits the build into 10 steps with a ready-to-paste prompt for each.

›_You are my build partner for a cinematic athlete / driver one-page site in the style of la
Open the sheet
WebsiteClaude

Build an Apple-style product page from A to Z (the code teardown)

Apple product pages look out of reach, yet they rest on five stackable layers that are all reproducible. This resource opens the production JavaScript bundles of iPhone 17 Pro, AirPods Pro and MacBook Pro, shows what each one actually does (hand written GLSL shaders, HLS video scrubbing, a CSS driven keyframe engine), then gives the build order and the full prompt.

›_You are building an Apple-style product page: a long scroll where the visuals are driven b
Open the sheet
WebsiteClaude

Building genuinely high-end scroll animations

Smooth scroll dropped in with three lines gives you a sluggish site that judders on pinned sections and turns annoying on mobile. Studio-grade scrolling is four distinct layers, each tuned separately: inertia, reveal, pinning, scrubbing. This guide covers all four, with the code, the values that actually work, and a teardown of three sites that get them right.

›_# Scroll motion layer: build spec # Portable: save it as CLAUDE.md (Claude Code) or AGENTS
Open the sheet
Take action

Want us to build the site?

These resources set the tone. We can deliver the full site, fast and built to convert.

Book a callAbout us