KOMPOSE.
All resources
Website

19 galleries to steal the best web design from

The problem it solves

You open Figma in front of a blank page, or fire off a prompt without knowing what you are aiming for. The problem is not a lack of ideas, it is a lack of references. Here are the 19 sites where we find ours.

Galleries of finished sites

Eleven galleries, and above all eleven different levels of standards. Awwwards rewards technical craft and publishes daily, which makes it the richest but also the noisiest. Godly keeps only a few sites a week, which is exactly what makes it the best entry point when you have ten minutes. Land-book is the only one sorted by industry, so the only one you can use directly in front of a client.

https://www.awwwards.com, https://godly.website, https://www.siteinspire.com, https://land-book.com, https://saaslandingpage.com, https://www.lapa.ninja, https://onepagelove.com, https://httpster.net, https://minimal.gallery, https://thefwa.com, https://www.cssdesignawards.com

  • onepagelove.com : One page sites only. Perfect for smaller client budgets.
  • httpster.net : A rawer, more typographic selection. A good counterweight to Awwwards.
  • minimal.gallery : Minimal sites only. Handy when a client asks for restraint.
  • thefwa.com : The most experimental one. WebGL, 3D, big budget brand work.
  • cssdesignawards.com : Weighted toward CSS execution rather than art direction.

Patterns and real interfaces

Here you stop looking at whole sites and start looking at pieces: a navigation bar, a footer, a signup flow. This is what you open when solving a specific problem, not when looking for a direction. 60fps.design is the most underrated of the group: every app animation is filmed and sorted by motion type.

https://60fps.design, https://mobbin.com, https://refero.design, https://www.typewolf.com, https://www.footer.design, https://www.navbar.gallery, https://pageflows.com, https://fontsinuse.com

  • pageflows.com : Full user flows on video: signup, checkout, cancellation.
  • fontsinuse.com : A deeply documented archive of type in use, web and print.

How to use these without losing a day

These galleries are a trap if you open them without a goal: you lose an hour and come out convinced everything has already been done. The method that works comes down to one constraint. Before opening anything, write down the question you are trying to answer, something like how does this kind of brand handle its hero, or how do you present three offers without building a table. You stop as soon as you have three answers. Three references are enough to feed a direction, the fourth only delays the moment you start drawing.

Related resources

All resources
Website

21 tools to finish your site: type, color, performance

A visitor judges a site in under a second, and at that moment they have read no text. They have seen a typeface, a palette and a loading speed. This is the part almost nobody works on, which is exactly why it pays. Here are the 21 tools we use to handle it.

Open the sheet
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
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