# Playful website design inspiration

Details page: https://www.details.so/inspo/category/playful
Category: Style · 40 inspirations

Explore 40+ playful web design examples curated from real websites. Compare layouts, typography, imagery, motion, and visual direction.

## Inspirations
- [Clucky — Hero, Scroll Animations](https://www.details.so/inspo/tryclucky-ae3091.md)
- [Plnty — Features](https://www.details.so/inspo/plnty-ba9aca.md)
- [Notion — Hero](https://www.details.so/inspo/notion-b128e1.md)
- [Haoqi — Hero](https://www.details.so/inspo/haoqi-facc3b.md)
- [Artem Shcherbakov — Footer, Section Transition](https://www.details.so/inspo/artemartemartem-0d11c7.md)
- [Synthesis — Cursor Interaction, Hero](https://www.details.so/inspo/synthesis-df8d30.md)
- [Ploy — Footer](https://www.details.so/inspo/ploy-e6bd9d.md)
- [Maxima Therapy — Drawer Navigation](https://www.details.so/inspo/maximatherapy-32dfc3.md)
- [Happly — Drawer Navigation](https://www.details.so/inspo/gethapply-086d36.md)
- [CRAV — Cursor Interaction, Hero](https://www.details.so/inspo/cravburgers-a2e305.md)
- [Pacôme Pertant — Cursor Interaction, Footer](https://www.details.so/inspo/pacomepertant-18b959.md)
- [Playground — Hero](https://www.details.so/inspo/tryplayground-98692e.md)
- [MoMoney — Button, Hero](https://www.details.so/inspo/museumofmoney-48av11.md)
- [Agence Foudre — Features, Stacked Scroll](https://www.details.so/inspo/agencefoudre-qizqqu.md)
- [MindMarket — Page Transition](https://www.details.so/inspo/mindmarket-jw2psm.md)
- [Tesoro — Button, Hero](https://www.details.so/inspo/tesoroxp-ffutgs.md)
- [Seventeen Agency — Section Transition](https://www.details.so/inspo/seventeenagency-lmvsjf.md)
- [Get Hyped — Button, Hero](https://www.details.so/inspo/gethyped-enu7yq.md)
- [Eddie — Dropdown Navigation](https://www.details.so/inspo/eddie-vxegdz.md)
- [Polecat Agency — Drawer Navigation](https://www.details.so/inspo/polecat-yjjuac.md)
- [Purpose Talent — Hero](https://www.details.so/inspo/purposetalent-yh1hjr.md)
- [Truus — Hero, Modal](https://www.details.so/inspo/truus-7yb8ka.md)
- [Juice — Cursor Interaction, Hero](https://www.details.so/inspo/juice-k68fb8.md)
- [Mat Voyce — Cursor Interaction, List, Services Features](https://www.details.so/inspo/matvoyce-0ajert.md)
- [Daniel Sun — Case Study](https://www.details.so/inspo/danielsun-0ab23o.md)
- [Make It Real Fund Merch — Footer](https://www.details.so/inspo/mirfundmerch-vvysd0.md)
- [Ethical Life — Hero](https://www.details.so/inspo/ethicallifeworld-ierska.md)
- [Lil Frogeth — Modal](https://www.details.so/inspo/lilfrogeth-yk9bv2.md)
- [MetaMask — Features, Pinned Scroll](https://www.details.so/inspo/metamask-k6paym.md)
- [FlowFest — Button, Hero](https://www.details.so/inspo/flowfest-oinaza.md)
- [Cyd Stumpel — Hero](https://www.details.so/inspo/cydstumpel-xmfmer.md)
- [SPYLT Milk — Button, Hero](https://www.details.so/inspo/spylt-adr7wo.md)
- [Tripletta — Hero](https://www.details.so/inspo/triplettapizza-adhaci.md)
- [Sui — Button, Hero](https://www.details.so/inspo/sui-88d75x.md)
- [Navigate — Button, Hero](https://www.details.so/inspo/nvg8-ad7czg.md)
- [EISLAB — Carousel, Features](https://www.details.so/inspo/eis-lab-866jwp.md)
- [Turn.io — Footer](https://www.details.so/inspo/turn-j4yf6l.md)
- [Salt and Pepper — Drawer Navigation](https://www.details.so/inspo/snp-j2yz2z.md)
- [Duroc — Morphing Navigation](https://www.details.so/inspo/duroc-j1qozr.md)
- [Studio Alphonse — Hero, Media Showcase](https://www.details.so/inspo/studioalphonse-cwnije.md)

## Related categories
- [Editorial](https://www.details.so/inspo/category/editorial.md)
- [Minimal](https://www.details.so/inspo/category/minimal.md)
- [Experimental](https://www.details.so/inspo/category/experimental.md)
- [Image-led](https://www.details.so/inspo/category/image-led.md)
- [Brutalist](https://www.details.so/inspo/category/brutalist.md)
- [Corporate](https://www.details.so/inspo/category/corporate.md)
- [Luxury](https://www.details.so/inspo/category/luxury.md)
- [Retro](https://www.details.so/inspo/category/retro.md)

## For AI agents
Each inspiration link above returns a markdown summary. Full evidence (video frames, verified source excerpts) is available through the Details MCP: https://www.details.so/mcp.md