Web Design

21 web design inspiration sources you should check out

The complete list of web design inspiration websites and resources.

Stefania Mongio

Inspiration is one of the most important aspects of any creative job. You might be great at generating original ideas out of the blue, but when you’re stuck, finding web design inspiration online can help getting those creative juices flowing again.

While most of us know Behance & Dribbble and consider their very active community of talented designers as references to look up on, there are many other UI & webdesign galleries that might help more when you’re looking for actual ideas to utilize rather than pure eye candy.

Here is a list of the best web design inspiration you should check out!

The best new UI /UX, handpicked from the most promising designers judged by a panel of industry leaders.

1. CSS DESIGN AWARDS

Css-design-awards-website https://www.cssdesignawards.com/

2. AWWWARDS

Awwards-website

3. CSS WINNER

Css-winner-website

4. CSS NECTAR

css-nectar-website

5. Best Website Gallery

best-website-gallery

This is also an awards-based gallery, but it’s not a panel of experts who judges and votes each project but the online community.

Independent Curated galleries

6. Siteinspire

site-inspire-website

A showcase of clean, modern and elegant websites. You can also find a list of featured websites by agency.

7. Hey design

hey-design-website

Just one of the many categories of great content shared by this media, here you will find articles focused on the most visually appealing UI/UX rather than a browsable gallery.

8. Typewolf

typewolf-website

Actually a media focused on typography, you can discover a daily selection of websites featuring interesting font and typography choices.

9. HTTPSTER

Httpster-website

A curated gallery showcasing only “shit-hot” webdesign, as they affirm themselves! It is easy to find websites by type and style, including typographic, photographic, grid-style and so on.

10. SITESEE

Simple, modern yet sophisticated website gallery. The great thing about this one is thta you can browse or make your own “collections”, that feel a lot like pinterest board and are very useful to save your very favourite ideas.

11. Collect UI

collect-ui-website

Not only landing pages, anything UI related browasable by component: for example user profile, coming soon page, breadcrumbs and so on. Great for when you need ideas for specific sections of your website design.

12. Siimple

siimple

As you can guess from the title, this gallery only features simple, modern and stylish web design.

13. HOVERSTAT

Hoverstat-website

A very unique collection of alternative and sometimes brutalist webdesign.

One page websites galleries

These collection are great mainly for finding inspiration related to one-page websites such as marketing/ product websites, portfolios, event pages. It is not only a good reference for web design and aesthetics, but also for marketing copy and content as well as a way to monitor and differentiate from competitors.

14. One page love

one-page-love-website

15. Lapa Ninja

lapa-ninja

16. Landbook

landbook-website

17. Landfolio

landingfolio-website

18. Crayon

crayon-website

Social media

18. Pinterest

Pinterest, the visual social network, is definitely a good starting point for your inspiration search. The best thing about Pinterest is that once you find a color palette or style you are fond of, you can find more similar ideas in the “More like this” section.

pinterest-logo

pinterest-more-like-this-page

Animations

An inspiration site specifically for transitions and animation both for app & website UI. You can browse by specific components such as buttons, charts, comments as well as overall landing page transitions.

19. UI movement

Ui-movement-website

Non-UI inspiration

Sometimes you can find inspiration in more unlikely places than simply web design galleries. Generally speaking, any creative-related media is treasure trove for visual and aesthetic ideas that you might flip and apply to your next web design project. So definitely don’t overlook this step!

20. Abduzeedo

abduzeedo-website

Abduzeedo share anything from photography to architecture, illustration, design.

21. Create By Adobe

Adobe’s page dedicated to graphic design, it’s fully of visually impactful material that can help you have that “Aha!” moment you needed to generate an original idea for your work.

create-by-adobe-website

Conclusion

It may sound like a cliche’ but you don’t have to confine yourself to the world of online galleries, you can always find isnpiration offline by simply taking a walk outside and observing things around you with a different eye.

What are your favourite sources of inspiration? Let us know with a comment below.