Cool website examples
110 playful website sections from live websites, each credited to its source.
These are sites that play: small games, things to poke, menus with a sense of humor. They're fun, and they're also useful references for when a page needs to be remembered, because most of them spend their effort on one surprising moment.
- Try
The highest rated of 110 from 16 different sites, including altshift.agency, ramp.design, softle.app and veryworkinprogress.com.
- 0:06
Interactive 3D keycap footer with physics
altshift.agency
- 0:08
Minimal hero with cursor-following 3D receipt gun animation
ramp.design
- 0:19
Interactive soft-body typography with container-aware morphing
softle.app
- 0:07
Hero section with interactive liquid text distortion
veryworkinprogress.com
- 0:06
Draggable photo ragdoll that knocks the wordmark letters into zero gravity
effepinnastudio.com
- 0:06
Mobile menu with a star bloom and spring-loaded eyeballs
thewhoopsies.co.uk
- 0:07
Arena floods a new colour mid-fight in a three.js drift racer
awards.racing
- 0:05
Drag to orbit a car around a rendered courtyard scene
spykercars.com
- 0:06
Illustrated crowd topples a giant in a three.js game
dontlookup.app
- 0:08
Footer where 3D pinchos rain onto the wordmark and scatter under the cursor
bar-topas.ch
- 0:08
Crumpled paper ball unfolds into the FAQ sheet on scroll
agentcard.com
- 0:09
Press and hold to pour quests into physics stat piles
grail-app.com
- 0:08
Camera-style 3D gadget that ejects a printed result sticker when you press the shutter
areyou.okok.services
- 0:07
3D stone pile where hovering a stone wires it to its menu item and tagline
xxix.co
- 0:08
404 page game: knock the pixel digits apart with the cursor
1minus1.com
- 0:09
Zero-gravity 3D cans the cursor pushes around a giant wordmark
lajoya-foods.com
94 more playful website sections
Describe what you're after and the library finds it, by look or by what it does. Save the ones you want to a board, then hand the board to your AI tools when it's time to build.
Search all 110 playful website sectionsNo card needed to create an account.
Questions
What are some cool websites to look at?
This page shows recordings from live sites that do something playful, from physics you can push around to small games inside a menu. Each one names its site, so you can visit it.
What are good examples of playful website sections?
Three of the highest rated in the library: Interactive 3D keycap footer with physics (altshift.agency); Minimal hero with cursor-following 3D receipt gun animation (ramp.design); Interactive soft-body typography with container-aware morphing (softle.app). The rest of this page shows more, each credited to its source.
Where can I find more playful website sections?
This page shows 16 of the 110, chosen from different sites. The rest are in the save.design library. An account lets you open them, search by what they look like or do, and save them to a board. Search shows a preview of the results until you're on Individual, at $12 a month or $10 billed yearly, which has the whole library.
Are these from real websites?
Yes. Each one was recorded from a live site and credited to it. With an account, you can open one to see it in full, along with similar elements and a link to the site.
Check any site with the website analyzer in a save.design account, where a new account includes 10 analyses. Save what you like to a board, then hand it to Claude, Cursor or your other AI tools over MCP when it's time to build.