Modern website design examples
5,817 recent website sections, mostly from live websites, each credited to its source.
Modern is a moving target, so this page only shows sections added to the library in the last six months. Read it as a snapshot of what well-made sites are doing now, and see the web design trends report for how the numbers are changing.
- Try
The highest rated of 5,817 from 16 different sites, including social-impact-capital.com, ledboise.com, unveil.fr and surya-aditya.com.
Engraving-Style Illustrated Hero
social-impact-capital.com
Neo-Brutalist Hero
ledboise.com
Scrolled 3D Card Depth Progression
unveil.fr
Four-Column Case Study Grid
surya-aditya.com
Color-Blocked Event Grid
angers-nantes-opera.com
Night About Panel with Perfect Contrast
oscardumlao.com
Illustrated Typographic Lockup
therechabite.com.au
Try It Playground
soofonts.com
Node-based portfolio catalog taxonomy
dmcg.co
Brutalist Cinematic Hero
thesugarcoatedcult.com
Y2K-Revival Portfolio Hero
matheusbulitini.com.br
Book Revealed Inside Illustrated Mouth
thewhoopsies.co.uk
Full-Screen Project Slider
ouiwill.com
Sizzle & Drizzle Product Page
graza.co
NO MERCY kinetic typography
daddyyankee.com
Lineup Grid — Glassmorphism Cards
povbudapest.com
5,801 more recent 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 5,817 recent website sectionsNo card needed to create an account.
Questions
What does modern website design look like now?
On sites added to the library in the last six months, GSAP is the most used animation library, Lenis for smooth scrolling is close behind, and Three.js is rising fast. The web design trends report has the current numbers.
What are good examples of recent website sections?
Three of the highest rated in the library: Engraving-Style Illustrated Hero (social-impact-capital.com); Neo-Brutalist Hero (ledboise.com); Scrolled 3D Card Depth Progression (unveil.fr). The rest of this page shows more, each credited to its source.
Where can I find more recent website sections?
This page shows 16 of the 5,817, 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?
Almost all of them. Most were captured from a live site and credited to it, and a few come from posts on social networks such as Instagram, credited to the network. With an account, you can open one to see it in full, along with similar elements and a link to its source.
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.