{"id":6174,"date":"2021-05-10T14:50:54","date_gmt":"2021-05-10T13:50:54","guid":{"rendered":"https:\/\/www.20i.com\/blog\/?p=6174"},"modified":"2026-03-27T18:22:43","modified_gmt":"2026-03-27T18:22:43","slug":"inspiration-sites-web-designers","status":"publish","type":"post","link":"https:\/\/www.20i.com\/blog\/inspiration-sites-web-designers\/","title":{"rendered":"21 really useful inspiration sites for web designers"},"content":{"rendered":"\n

There are some days when creative ideas come pouring out (wonderful, glorious days) and the challenge is to get them all down before you forget. <\/p>\n\n\n\n

Then there are the dark days when nothing comes easy, no matter how hard you stare at the blank page. A study has shown that 60% of designers now turn to AI for design ideas<\/a>.<\/p>\n\n\n\n

To help you find that spark you need with your next project, we’ve brought together a collection of our favourite inspiration sites.<\/p>\n\n\n\n

\n

Awwwards<\/strong><\/strong><\/h2>\n\n\n\n

www.awwwards.com<\/a><\/p>\n\n\n\n

This is an awards website for the highest voted websites. A person\/company can upload their website to be shown as inspiration on this website, and it\u2019ll get voted on, with the award-winning websites appearing at the top in search results.<\/p>\n\n\n\n

This website is amazing for inspiration when you\u2019re designing a website from scratch, but it\u2019s also good for inspiration about coming up with new assets\/components for your current website.<\/p>\n\n\n\n

You can also save all your website inspiration to a folder and view them all when you need.<\/p>\n\n\n\n

You do need to browse around a lot more on this website as the search function isn\u2019t the best, but once you find some golden websites for inspiration you\u2019re set for your whole project.<\/p>\n\n\n\n

\"Screenshot\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n

Behance<\/strong><\/strong><\/h2>\n\n\n\n

www.behance.com<\/a><\/p>\n\n\n\n

This is a portfolio-based website where anyone can upload their work. This makes it great for inspiration, but much like Dribbble<\/a> \u2013 a lot of the work on there is concepts so you can\u2019t explore them more than their face-value.<\/p>\n\n\n\n

Behance is particularly great for exploring control panel designs, and more complicated UI\/UX, such as invoices, or more technical designs.<\/p>\n\n\n\n

It\u2019s good for both print and digital, and a lot of the project creators can be contacted via Behance if you need more clarification or want to work directly with the creator.<\/p>\n\n\n\n

\"Screenshot\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n

Bestfolios<\/h2>\n\n\n\n

https:\/\/www.bestfolios.com<\/a><\/p>\n\n\n\n

Bestfolios is a gallery featuring some of the best portfolios and resumes around as well as many more design inspirations including UX, graphic & motion design <\/p>\n\n\n\n

You can also find links to case studies breaking down some of the improvements that people have seen from implementing these design changes <\/p>\n\n\n\n

\"Screenshot\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n

Collect UI<\/h2>\n\n\n\n

https:\/\/collectui.com<\/a><\/p>\n\n\n\n

Collect UI is a daily inspiration feed of hand picked UI designs.<\/p>\n\n\n\n

There are thousands of designs to look through on here, with filters for every type of digital element you can think of \u2013 checkouts, calculators, 404 pages, ecommerce, bot interfaces & more.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Co<\/strong>olors<\/strong><\/strong><\/h2>\n\n\n\n

www.coolors.co<\/a><\/p>\n\n\n\n

Coolors is a fantastic resource if you\u2019re looking for colour palette inspiration.<\/p>\n\n\n\n

On their platform you can pick a colour and the website will show you all of the colours which go with your chosen colour – whether that\u2019s complementary or primary.<\/p>\n\n\n\n

The free version is great fun, or you can upgrade to the pro version to unlock more palettes and colour schemes.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Design Principles<\/h2>\n\n\n\n

https:\/\/principles.design<\/a><\/p>\n\n\n\n

An open source collection of Design Principles and methods.<\/p>\n\n\n\n

This is more of a text based resource than a visual one, but contains some great, fundamental design ideas which can really help to clear a case of \u201cdesigners block\u201d.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Dribbble<\/strong><\/h2>\n\n\n\n

www.dribbble.com<\/a><\/p>\n\n\n\n

This website is more useful for UI inspiration such as creating new assets and components for websites.<\/p>\n\n\n\n

Dribbble has a similar search function to Pinterest<\/a>, where you can create folders to store your inspiration in, and Dribbble will ensure that more inspiration is readily available below.<\/p>\n\n\n\n

One slight frustration with Dribble is that a lot of the work you may see on there are concepts people upload as a portfolio.<\/p>\n\n\n\n

So, you might\u2019ve found the best design of a website you\u2019ve ever seen, and want to explore it more, but it\u2019s just a screenshot concept, rather than a fully fleshed idea.<\/p>\n\n\n\n

Dribbble is also great for logo, and character inspiration. It\u2019s all very high-quality work on there, and it\u2019s one of the main websites the 20i team use for inspiration.<\/p>\n\n\n\n

It\u2019s great if you want to find out how someone would design something for a specific purpose, such as designing a checkout system for a website.<\/p>\n\n\n\n

For example, you can type in checkout, and it will show you near endless scrolling inspiration.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Empty States<\/h2>\n\n\n\n

https:\/\/emptystat.es<\/a><\/p>\n\n\n\n

One of the most unique websites on this list, Empty States is a curated gallery showcasing designs where no data is available in the UI.<\/p>\n\n\n\n

This gives a different perspective to most interface design which tends to focus on how it will look with heavy usage and lots of data.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Envato<\/strong><\/strong><\/h2>\n\n\n\n

www.envato.com<\/a><\/p>\n\n\n\n

Envato bills itself as \u201cThe unlimited creative subscription\u201d, and includes large selections of images, videos, music, and templates.<\/p>\n\n\n\n

This does involve a cost, as the current price is \u20ac14.50\/month, but if you\u2019re willing to pay that then there\u2019s plenty of inspiration to be found.<\/p>\n\n\n\n

The search function is very good, and they\u2019ve now released AI Search which could become a real game changer.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Freepik<\/strong><\/h2>\n\n\n\n

www.freepik.com<\/a><\/p>\n\n\n\n

Freepik is a free image downloader, with a premium subscription too.<\/p>\n\n\n\n

On the whole it is very similar to Envato<\/a>, but with the majority of the downloads being free!<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Inst<\/strong>agram<\/strong><\/strong><\/h2>\n\n\n\n

www.instagram.com<\/a><\/p>\n\n\n\n

We all know this one \u2013 the worlds fourth biggest social network (at time of writing), with billions of users.<\/p>\n\n\n\n

For all of its cat pictures, selfies and celebrity stories; Instagram is also fantastic for design inspiration.<\/p>\n\n\n\n

Thousands of users make tutorials of how to create things in a quick and snappy format, which makes it very accessible to a lot of people.<\/p>\n\n\n\n

You can save videos\/images into folders to look back on later.<\/p>\n\n\n\n

You also don\u2019t have to search anything to find golden videos on Instagram due to the algorithm tracking your every move and knowing exactly what you\u2019re thinking…<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Landingfolio<\/h2>\n\n\n\n

https:\/\/www.landingfolio.com<\/a><\/p>\n\n\n\n

Landingfolio features the best landing page inspiration, templates and resources. <\/p>\n\n\n\n

There is a component library with items for use in Tailwind, Webflow and Figma, as well as the ability to filter inspiration by industry, and landing page type.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

One Page Love<\/h2>\n\n\n\n

https:\/\/onepagelove.com<\/a><\/p>\n\n\n\n

One Page Love showcases unique One Page websites (not templates) for inspiration and reference.<\/p>\n\n\n\n

There are some great examples on here which show how you can fit key information into slick, modern, single page layouts.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Page Flows<\/h2>\n\n\n\n

https:\/\/pageflows.com<\/a><\/p>\n\n\n\n

Learn from some of the best user flows around including onboarding, upgrades, purchases and product searches.<\/p>\n\n\n\n

This includes segments for website screens and email layouts.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Pinterest<\/strong><\/h2>\n\n\n\n

www.pinterest.co.uk<\/u><\/a><\/ins><\/ins><\/p>\n\n\n\n

With over 400 million users, Pinterest is one of the world’s largest platforms for design inspiration.<\/p>\n\n\n\n

Whilst a lot of people focus on Pinterest for its home & interior design aspects, it is also great for printed design inspiration, or social media posts.<\/p>\n\n\n\n

On of the key selling points of Pinterest is that you can create \u201cboards\u201d, which are essentially little folders that you can rename and go back to.<\/p>\n\n\n\n

For example, if your project is about creating a new \u2018testimonial social post\u2019, you can find inspiration, and add (pin) them to your board.<\/p>\n\n\n\n

Once you\u2019ve gathered all you can find, Pinterest can then algorithmically serve you more similar ideas to keep the inspiration flowing.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Really Good Emails<\/h2>\n\n\n\n

https:\/\/reallygoodemails.com<\/a><\/p>\n\n\n\n

The web\u2019s best, and most attractive, curated collection of emails, showing off both design and code.<\/p>\n\n\n\n

Over 169,000 email marketers are signed up to Really Good Emails, and they have a library of over 10,000 email examples to take inspiration from, including customer service, engagement, and abandoned cart emails.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Reddit<\/h2>\n\n\n\n

https:\/\/reddit.com<\/a><\/p>\n\n\n\n

Another one that is easy to dismiss as a distraction, but Reddit can also be a hub of inspiration for design.<\/p>\n\n\n\n

There are numerous subreddits which offer inspiration for all types of design, from logos & UI, to fonts & more.<\/p>\n\n\n\n

You can see some of our favourite design subreddits here.<\/a><\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Toools Design<\/strong><\/h2>\n\n\n\n

www.toools.design<\/a><\/p>\n\n\n\n

This is a website with an archive of 1000+ design resources uploaded by the community. Some categories you can explore are \u2018Inspiration\u2019, \u2018Icons\u2019, and \u2018Mock ups\u2019 – a one stop shop essentially!<\/p>\n\n\n\n

The 20i team use this website for inspiration due to the vast amount of websites showcased.<\/p>\n\n\n\n

If you\u2019re ever stuck or can\u2019t find any inspiration websites, this is a good archive to head to.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

UI Bucket<\/h2>\n\n\n\n

https:\/\/www.instagram.com\/uibucket<\/a><\/p>\n\n\n\n

Handpicked UI\/UX inspirations on Instagram<\/a>.<\/p>\n\n\n\n

The manually curated nature of what is included leads to a high quality of material, making this source of inspiration particularly highly recommended.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

UPLabs<\/h2>\n\n\n\n

https:\/\/www.uplabs.com<\/a><\/p>\n\n\n\n

Not an inspiration site per se, but their focus on finding high-quality design resources for designers, creative agencies and developers means they’ve curated a fantastic collection of inspirational assets.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

User Onboard<\/h2>\n\n\n\n

https:\/\/www.useronboard.com<\/a><\/p>\n\n\n\n

User Onboard is a collection of user onboarding teardowns and essays.<\/p>\n\n\n\n

This includes teardowns of home some of the largest brands on the earth handle their customer onboarding, including Apple, Duolingo, and Bitcoin.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n<\/div>\n\n\n\n
\n

Share your favourites<\/h2>\n\n\n\n

Do you have any go to sites to help get the creative juices flowing?<\/p>\n\n\n\n

Do you get your best inspiration from specific design focused websites, or do you find it on social media, or even in the places you\u2019d least expect?<\/p>\n\n\n\n

Share your best spots in the comments below.<\/p>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"There are some days when creative ideas come pouring out (wonderful, glorious days) and the challenge is to…","protected":false},"author":13,"featured_media":17352,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"ub_ctt_via":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[60],"tags":[57],"class_list":["post-6174","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design-dev","tag-web-design","cs-entry"],"featured_image_src":"https:\/\/www.20i.com\/blog\/wp-content\/uploads\/2025\/10\/Inspiration-sites-for-web-designers-no-title.png","author_info":{"display_name":"Matthew Telfer","author_link":"https:\/\/www.20i.com\/blog\/author\/matthew-telfer\/"},"_links":{"self":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/6174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/comments?post=6174"}],"version-history":[{"count":30,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/6174\/revisions"}],"predecessor-version":[{"id":19072,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/6174\/revisions\/19072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media\/17352"}],"wp:attachment":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media?parent=6174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/categories?post=6174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/tags?post=6174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}