DEV Community

Cover image for 50 Best Websites for Web Design Inspiration and Ideas
Devluc
Devluc

Posted on • Updated on

50 Best Websites for Web Design Inspiration and Ideas

Welcome to the best websites where to find examples and ideas for web design inspiration. Use them to identify layout styles and color schemes that you like. Quickly get over creator's block and start filling that blank page.

Most resources are free but there are also a couple of paid ones. Some of them are general while others focus on landing pages, ecommerce and portfolios. There are even a few ultra niched ones for footers, navigation and interaction examples.

To make it easier for you to find the right resource I've structured the roundup.


Multipurpose inspiration

General websites where you can find ideas for a wide range of projects like business, landing pages, portfolios, ecommerce and more.

Websitevice

Image description
Websitevice is a new web design inspiration gallery showcasing a wide range of examples. What sets this resource apart is the fact that it focuses on creations designed to bring in results not to collect awards. You can easily filter items based on popular use cases. The website is young but grows fast with fresh content added regularly.


One Page Love

Image description
One Page Love is a superbly curated collection of website and landing page inspiration. Each featured example is designed to the highest standards by top agencies and makers. You can easily select your desired use case from the navigation menu.


Landingfolio

Image description
Landingfolio is an established source of web design ideas. It features an impressive lineup of beautiful, marketing optimized items. Besides use case you can also filter results by page type: home, pricing, about, sign up and more.


Lapa Ninja

Image description
Lapa Ninja provides a tastefully curated collection of website design examples. Visitors can choose between use case categories and color filters. The resource stands out due to the full screenshots of multiple pages for each item.


Godly

Image description
Godly is probably one of the most dynamic web design inspiration resource in the roundup. All project covers are animated and go beyond presenting the examples headers. You get a better overview by seeing the page scroll recording.


Siteinspire

Image description
Siteinspire does a great job of showcasing the finest web designs that keep visitors inspired. The generous amount of items can easily be sorted based on style, type, subject and platform. What I don't understand is the incredibly small font size but it's not a major drawback.


Landing Pages Explained

Image description
Landing Pages Explained is focused on marketing instead of design. It provides explanations from product making experts regarding what makes these online presentations successful and unique. So if you're interested in improving results rather than making things look pretty Landing Pages Explained is a mandatory resource.


Maxibestof

Image description
Maxibestof is a reliable source of website design ideas carefully curated by an accomplished product designer. It's easy on the eye, a pleasure to navigate and offers a wide range of categories. Each item gets a full screenshot on the details page.


InspoVault

Image description
InspoVault has a different approach by focusing more on quality and less on quantity. So while you don't get to browse through hundreds of website examples at least you'll definitely enjoy the ones featured. Especially if you're into minimalist, large typography, creative style.


Landing Gallery

Image description
Landing Gallery is the home of awesome landing page design inspiration. Clicking on items takes you to a complete details page with full screenshot, brief description, color scheme and project link. In terms of filtering you get page type home, pricing, about, contact and more.


SEESAW

Image description
SEESAW has a strikingly dynamic interface with high speed video covers for all website examples. Members of the youthful audience will probably appreciate this approach more. For me it's a bit overwhelming. Nevertheless you definitely get a better overview of each project before clicking on it.


Design Vault

Image description
Design Vault helps makers unleash their creativity by providing an ever-growing collection of web design and UI inspiration. Besides the regular desktop screenshots you get the opportunity to browse mobile screenshots too. Items are carefully selected and definitely worth the sign up requirement.


Httpster

Image description
Httpster showcases only the finest web designs from accomplished agencies and creators. Items are carefully selected based on good typography and simple efficient designs. One of the highlights is the collapsed sidebar navigation which holds the categories. You get to choose between industry and design style.


Site of Sites

Image description
Site of Sites distinguishes itself due to the large wide header preview covers and useful tags which appear on hover. It's a great destination for web design inspiration that's easy to browse thanks to multiple filters. Detail pages feature website bits and pieces structured as grid layout.


Landings

Image description
Landings is a great inspiration source for website design ideas especially landing pages. You get to browse through SaaS, mobile app, product and startup items but you can't filter by use case. Filtering is possible by dark/light theme, color and platform.


Web Design Inspiration

Image description
Web Design Inspiration is a solid choice to get ideas and examples. It has an extensive item library and you get access to multiple common sense filters. Use case, colors, design style and more. Extremely useful with one mention that ads can be intrusive for some.


Curated

Image description
Curated is a useful inspiration gallery packed with website examples structured on popular use cases. Filters include style and imagery type among others. What makes Curated stand out from the crowd is the unique item details page. No need for scrolling over a long screenshot. Instead you get a video where the scrolling is done for you.


SiteSee

Image description
SiteSee provides website design ideas for a wide range of use cases. Agency, app, blog, ecommerce, portfolio are just some of the filtering options. The layout is minimal to the core so visitors can focus on the task at hand. You will find a large number of items for each category.


Admire The Web

Image description
Admire The Web is a beautiful web design ideas source with clean and modern design. There are no pesky ads to hinder the browsing experience. Each item has a cool pink border and a dedicated details page. Besides the necessary filters, items are also categorized by tags.


Designspiration

Image description
Designspiration covers a broader range of inspiration types like packaging, apps, architecture, interior design, photography, calligraphy and such. The website design category is generous but it doesn't feature the usual filters you'd expect. Also you need to sign up to see the full listing. Once registered you get extra functionality like saving and categorizing your own inspiration.


Best Website Gallery

Image description
Best Website Gallery is a well structured web design inspiration resource founded and maintained since 2008. While it doesn't provide a huge number of items, the ones on display are thoroughly curated by an accomplished designer. A great feature is filtering by platform and CMS.


Lookup

Image description
Lookup is a web component gallery first and landing page inspiration showcase second. The homepage greets you with a search box for quickly finding component examples. Choosing landing page from the menu opens up the full page gallery. Unfortunately there are no categories to filter results.


Unmatched Style

Image description
Unmatched Style is a generous web design inspiration gallery that showcases creative examples for a wide range of topics. You can filter the results by a set of tags which unfortunately aren't the most common or popular. Anyway the item selection is quite interesting and unique.


A1

Image description
A1 is a useful web design inspiration source that provides big screenshots for each item. A simple and straightforward filter area helps visitors narrow down the search to their needs. Use cases cover all potential subjects from agency, blog and directories to business, beauty and climate. The dark mode interface is elegant and provides great contrast.


Awesome Marketing Websites

Image description
Awesome Marketing Websites is a growing collection of more business results and commercial oriented websites. They can teach you a few tricks about how to optimize for conversion. There are multiple categories available but the largest ones are SaaS and fintech. One cool feature that stands out is the details page that offers font name, style and color for each item.


Use case focused

Resources that provide inspiration for certain use cases like SaaS, agency, ecommerce and others.

Saaspo

Image description
Saaspo takes SaaS website design inspiration to a different level. The gallery is wrapped in an immersive dark theme making items look even more special. You are spoiled for choice with over 600 landing page examples. Alongside them you will find dedicated categories for product, pricing, about, contact pages.


SaaS Landing Page

Image description
SaaS Landing Page is a beautiful gallery of landing page focused web design inspiration. The featured examples are manually curated by accomplished product designers. You'll see a lot of different styles from results oriented to creative, from minimal to crowded, from monochromatic to vividly colored.


Best Agency Sites

Image description
Best Agency Sites is a modern looking design inspiration gallery dedicated exclusively to agency websites. The high contrast layout with thin typography demonstrates the curator's fine taste for design. Each item gets a wide header preview cover and full screenshot on the details page.


Ecomm Design

Image description
Ecomm Design provides ecommerce design inspiration primarily based on down to earth, results oriented examples instead of boutique masterpieces. I like this approach sine ecommerce is about selling not about design awards. Another thing that I like is the filter set which is useful and makes sense.


The Headless Club

Image description
The Headless Club is the first examples directory of headless ecommerce stores. For the selection process curators take performance into consideration as well not just design. What makes the gallery stand out are the large cover images and logical filters that make sense for online shop creators. Straightforward and easy to use resource.


Commerce Cream

Image description
Commerce Cream narrows down even more the ecommerce design inspiration niche. It showcases online shops built exclusively with Shopify. Which doesn't sound so unusual if you consider that Shopify is the largest ecommerce platform. You can filter the results to your preferred use case.


StoreFront

Image description
StoreFront has you covered with a curated collection of unique ecommerce homepages that's updated weekly. The comprehensive filter set proves that StoreFront is a fully fledged gallery not the usual half baked inspiration project. I just wish that covers would load faster, the only minor caveat.


Personal Sites

Image description
Personal Sites is a one page collection of inspiring personal websites. Improve the way you present your brand, expertise, services and contact means by taking inspiration from these curated examples. No filters to refine results, you'll just have to keep on scrolling.


Portfoliorave

Image description
Portfoliorave provides portfolio website examples to help visitors showcase their work better and prettier. See how others showcase their best projects on a wide range of categories. Design, developer, director, photographer just to name a few of the available options. The interface is minimal and encourages browsing through the items.


Killer Portfolio

Image description
Killer Portfolio is a top resource to learn how to present yourself, your skills and completed projects in order to get work and collaboration requests. Each cover is decorated with a unique animated frame on hover. You get to choose between a few useful tags like design, development and video.


Showcase

Image description
Showcase is a portfolio inspiration website filled with interesting work presentation ideas. You can choose between individual, agency and studio examples using a simple filter. Some screenshots are animated to make the website feel more alive. The light theme is lovely and covers fill the entire screen width on a 3 column grid.


Pafolios

Image description
Pafolios is a unique portfolio inspiration gallery carefully curated by an accomplished product designer. The design is appealing and makes you feel like visiting a modern art gallery. There are a couple of useful categories available like designer, developer, writer, illustrator and more.


Niched inspiration

Narrow scope websites that are niched on particular website sections, design style and animation intensity.

Dark Mode Design

Image description
Dark Mode Design is an immersive web design inspiration resource focused on showcasing dark mode websites only. The interface is dark too so everything looks extremely stylish even if a bit rough on the eyes in some areas. I couldn't find any meaningful filters but it's not mandatory to have them.


3D Websites

Image description
3D Websites is an awesome web design inspiration gallery highlighting gorgeous 3D websites. There aren't any filters to narrow down the selection but you'll enjoy the high contrasting dark theme. The curated items are spectacular and will make you second guess your design skills. Animations, interactions, effects, these websites are all about breaking the norm.


Unsection

Image description
Unsection is a beautiful web design inspiration gallery featuring an immersive dark theme with yellow highlights. It focuses on website sections like hero, features, CTA, testimonials, blog, navbar and so on. These are the main categories but you also get to select tags like type, industry and style.


Web Interactions Gallery

Image description
Web Interactions Gallery is unique because of its highly focused specialization. Beautiful and smooth animations for different parts of web layouts. It's quite an exciting website showcasing how you can bring user experiences to life. Categories are well thought out and make navigation a breeze.


Dead Simple Sites

Image description
Dead Simple Sites is a minimal design inspiration gallery comprised of simple websites with basic layouts. A true testament of less is more mantra. Give it a spin if you're looking for spartan designs that easily get the message across with little to none superfluous decorations.


Minimal Gallery

Image description
Minimal Gallery as the name suggests curates website design examples with simple layouts but not necessarily less interesting. The chosen designs cover a plentiful range of tastes from monochromatic and quiet to vibrant and loud. Use case based categories are easily accessible in the filter bar.


Siiimple

Image description
Siiimple is a minimalist CSS inspiration gallery featuring hand-picked designs from all over the internet. You get a large categories menu with multiple options. The only minor downside is that filter items are mixed together and not grouped in topics like you'd expect.


Brutalist Websites

Image description
Brutalist Websites is a raw collection of characterful websites that stray away from the beaten path. Nothing here adheres to the norm. Every selected item is unique and unusual. Feels like an experimental gallery of the unconventional leaning towards form over function.


H1 Gallery

Image description
H1 Gallery is a creative ideas provider especially for main headers. They are usually the ones that get the visitors attention in the first place so they deserve a dedicated website. Cards show the message initially but you get to see the screenshot on hover. Great effect that shows the attention to details that went into building the gallery.


Footer

Image description
Footer satisfies the lust for visually appealing footer sections with a comprehensive gallery on the subject. There is no more excuse for boring footer areas. Take inspiration from hundreds of examples neatly structured by logical filters. Animated, flat, grid, bright, dark and more.


Navbar Gallery

Image description
Navbar Gallery is an impressive source of design inspiration dedicated entirely to website navigation bars. Hundreds of navbars have been carefully curated by the maker and neatly structured on specific categories. The interface is wrapped in dark mode and features a beautiful and ergonomic sidebar navigation.


Landing Love

Image description
Landing Love is a generously curated collection of animation heavy websites. If you're looking for ideas on how to make your webpage more dynamic then you're in the right place. All covers are video recordings of the examples in action. Landing Love's interface is based on a joyful pink based color scheme.


Hoverstates

Image description
Hoverstates is an out of the ordinary library packed with alternative website examples celebrating experimentation with design, code and interactivity. You will definitely find some interesting items that will stir up your imagination. To improve the experience covers are animated on hover.


The Whimsical Web

Image description
The Whimsical Web is the home of quirky and fun web design ideas. It's the kind of place where you relax and enjoy crazy creations than a source of inspiration for work. Examples are showcased in a timeline format that keeps you scrolling forever.


Recent Design

Image description
Recent Design showcases the latest design inspiration posts from X. Whether it's web, desktop, mobile, interactions everything is mixed together in a timeline format. It's a great way to see what designers and makers have been up to lately whether it's experimenting, freelancing or building own products.


Paid inspiration

Commercial website inspiration galleries that offer huge amount of items and extra features for a decent fee.

A-fresh Website

Image description
A-fresh Website is a meticulously curated web design inspiration library providing thousands of examples to elevate your aesthetics. Logical categories and popular tags make for a pleasant and efficient browsing experience. Besides homepages you can also find components and mobile views. Payment enables access to all content.


Dark

Image description
Dark is a comprehensive collection of dark website examples for design inspiration. The selected items are unique and can definitely get your creative juices flowing. Everything is wrapped in an elegant dark theme for the users delight. Payment unlocks the entire directory and mobile views.


Landbook

Image description
Landbook provides thousands of great web design ideas in a beautifully styled gallery. Filters are logically layed out with main categories at the top and secondary criteria positioned lower on the page. In addition to examples you will find components and templates. Payment unlocks the entire potential.


Refero Design

Image description
Refero Design is a huge design inspiration library going past web stuff to include UI elements, UX patterns and fonts. The websites section features beautiful covers which portray both layout and branding for each item. Unique approach which I haven't seen on any other gallery. Payment unlocks complete details.


SaaSFrame

Image description
SaaSFrame provides design ideas for SaaS websites, interfaces and marketing emails. You can filter examples by website section like pricing, about, testimonials, blog. Also by interface elements like onboarding, signup, settings, billing, tables and more. It's a time saving saving tool and quite affordable for SaaS builders.


Portfolio collections

Online portfolio websites where creative individuals, small studios and popular agencies showcase their projects.

Layers

Image description
Layers is a platform for designers and makers to showcase their projects, concepts and anything that inspires them. It's similar to Dribbble offering interaction with peers, job and collaboration opportunities. I loved the feature that allows you to change the covers size and details.


Behance

Image description
Behance needs little introduction since anyone involved with design knows about it. Although lately it has lost some the popularity it still is one of the largest platforms where you can indulge in the latest design trends.


Dribbble

Image description
Dribbble is a familiar resource for creatives worldwide. It offers a convenient way to showcase design portfolio works and get feedback on them. That means inspiration is abundant with thousands of items for web, mobile, UI and print. The vast amount of examples itself makes it somewhat cumbersome to explore.


Pinterest

Image description
Pinterest exists to offer design ideas for just about anything. It probably is the largest inspiration gallery in the online space. Unfortunately unlike other galleries it's free for all and not curated. You will stumble on many low quality posts which eat up research time.


Award galleries

Besides web design inspiration these galleries provide an idea of what industry professionals think about each entry.

Awwwards

Image description
Awwwards is the web design gallery exclusively curated by industry professionals. Each day website entries are rated by experts and awarded the prestigious badge if they meet the criteria. Expect to find art and animation heavy designs focused on visual impact rather then efficiency for business results.


CSS Design Awards

Image description
CSS Design Awards is a stylish web gallery where top creators submit their work to get feedback from leading design professionals. You can browse the winners and also the nominees. There's a lot to learn from both sides. Common sense filters are present like industry and color.


CSS Nectar

Image description
CSS Nectar is an awesome web design awards gallery that collects and rates a wider range of entries compared to other galleries. You get to discover and take inspiration even from more approachable examples not just masterpieces built by dedicated creative teams. Use case filters are present to make selection easier.


The FWA

Image description
The FWA is a well known web design awards gallery selecting brilliant works since the year 2000. They are on a mission to showcase cutting edge creativity regardless of the medium or technology used. Each submission is judged by multiple creatives and is offered a score. There aren't any usual filters as the items aren't the usual business type of websites.


Website builder showcase

Website builder showcase galleries offer huge amounts of inspiration for the ideas hungry web designer. Here are the most popular.


This list is based on many blog posts, X roundups, design directories that I collected over a few years of web design and frontend development work. I've filtered out a lot of crappy resources to save your time and make your work more enjoyable.

Top comments (58)

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

Good ressources! thanks!

Collapse
 
devluc profile image
Devluc

My pleasure Thomas. Thank you very much for taking the time to leave a positive feedback

Collapse
 
hosseinyazdi profile image
Hossein Yazdi

Thanks for your time Devluc, these are all great!

To add on, this page also provides many more web design inspiration sites :)

Collapse
 
devluc profile image
Devluc

Nice Hossein. Thanks for the suggestion. Would love to see HTMLrev on WebCurate. It's a 100% FREE resource that serves web developers every day

Collapse
 
hosseinyazdi profile image
Hossein Yazdi

Thanks for your suggestion Devluc! Unfortunately, despite trying several times, the website didn't open up for me :(

Thread Thread
 
devluc profile image
Devluc

That's weird. First time I heard this. The link is htmlrev.com

Thread Thread
 
hosseinyazdi profile image
Hossein Yazdi

Yeah, it's quite, weird. Perhaps the server doesn't run in all locations. Despite trying with a VPN it still didn't open

Thread Thread
 
devluc profile image
Devluc

Got it. It's not meant to be. No problem Hossein. Thank you for letting me know

Collapse
 
madza profile image
Madza

Great work on this, mate! 👍💯

Collapse
 
devluc profile image
Devluc

I really appreciate your positive feedback and support. It helps a lot because I've invested so much research and writing time on this one

Collapse
 
axorax profile image
Axorax

Thanks for sharing the resources!

Collapse
 
devluc profile image
Devluc

Definitely my pleasure. It means a lot to have your positive feedback. It fuels my motivation to write more

Collapse
 
axorax profile image
Axorax

No problem! I have also started writing recently. Your work seems great! I followed you! ❤️

Thread Thread
 
devluc profile image
Devluc

Followed back

Collapse
 
devshefali profile image
Shefali

This is a huge collection. Thanks a lot for sharing, Lucian!

Collapse
 
devluc profile image
Devluc

I'm happy you liked it Shefali. Means a lot coming from a pro dev and writer like you

Collapse
 
devshefali profile image
Shefali

You just did a great job🔥

Collapse
 
cashharvey profile image
cash harvey

In my opinion, I think that my favourite is Awwwards. For the next year I think the Lunchbox style will be a web design trend with eumRay Liquid animation, super mario 64 and 3D details of Seed. Thanks Caler for the post, very informative.

Collapse
 
devluc profile image
Devluc

Thank you very much for the positive feedback. I agree Awwwards is awesome. Yes it will be interesting to see which trends are prevalent this year

Collapse
 
hitanshimehta profile image
HitanshiMehta

Amazing work

Collapse
 
devluc profile image
Devluc

Thank you for the positive feedback. I really appreciate it

Collapse
 
anjapcodes profile image
Anja Petry • Edited

Thanks for this treasure trove of great design resources, Devluc!

Collapse
 
devluc profile image
Devluc

Thank you very much for taking the time to offer your positive feedback. You wouldn't believe how important it is to keep writers motivated

Collapse
 
imantalebizadeh profile image
Iman Talebizadeh

Awesome! thanks!

Collapse
 
devluc profile image
Devluc

My pleasure. Thank you for the feedback

Collapse
 
random_ti profile image
Random

Great list 🙏

Collapse
 
devluc profile image
Devluc

Thank you Taqui. I really appreciate your positive feedback.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.