7 websites to get UI and design inspiration as a developer
Tags: uiweekly, webdev, design, ui
Published: 2021-11-27 14:21:05

User Interface (UI) and Web design is the the process of planning the  overall feel of your website, how it’s presented, how it looks, and how people can interact with it. This is important because a successful UI design contributes to a positive user experience, which is a competitive advantage.
Below are some of the  websites that might inspire your web/UI design eye as a web developer

## [Dribbble](https://dribbble.com/)

![dribbble image](https://cdn.dribbble.com/assets/pro/landing-page/profile-desktop-x2-01baa8faad0be1942d913c0751648e13cc4d19228dcbb0d4e3abb2cb8f26b90a.png)

**Dribbble** is an online community for showcasing user-made artwork. It functions as a self-promotion and networking platform for:

* graphic design,
* web design,
* illustration,
* photography
  
Creative professionals such as illustrators, web designers, graphic designers and icon artists use Dribbble to promote their work and meet colleagues. As a web developer or UI designer dribbble is a great place to find inspiration for your next design. Dribbbble also offers amazing filter tools you can filter designs by color, Tags, Timeframe, and many other attributes Dribbble also has a pro subscription where you  get to email the designer of a particular shot you like. Overall its a neat platform to get inspiration from.

## [Behance](https://dribbble.com/)

![Behance image](https://mir-s3-cdn-cf.behance.net/project_modules/1400/165af265485593.5af5bf8eae575.jpg)

Just like Dribbble **Behance** is also a social network owned by Adobe for creatives of just about every field and discipline. It's a place to connect, inspire, and get hired—a portfolio site that's so much more. 
As a developer, you can utilize Behance advanced  tools to search for design and get inspired
Behance  offers great filter tools like color, location, Layouts, and more...

## [Awwwards](https://www.awwwards.com/)

![Awwwards image](https://assets.awwwards.com/awards/submissions/2019/02/5c54795c58ddb236387697.jpg)

**Awwwards** is a platform that recognizes the talent and effort of the best web designers, developers and agencies in the world.
It is a website competition that developers can submit to. The best year-round submissions are awarded at the Awwwards conference and prize-giving ceremony, which take place in various cities across the United States and Europe.
Awwwards also features a rating system for the websites featured and selects a new site each day to showcase.

## [Frontend Mentor](https://www.frontendmentor.io/)

![Frontend mentor image](https://res.cloudinary.com/dz209s6jk/image/upload/v1585172856/Meta/meta-homepage.png)

Unlike Dribbble and Behance **Frontend Mentors** Gives You real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Its a community of over 81,559 developers building projects, reviewing code, and helping each other get better.

### HOW IT WORKS

* **Choose your challenge**
  * Have a look through different collections of web designs. Pick one that you feel will be a nice challenge for you at this stage.
* **Code the design**
  * Start the challenge and download all the starter files. They provide all the files you'll need to complete the challenge. Building it is up to you!
* **Submit your solution**
  * Post your solution on the platform for everyone to see and get feedback on your code from other developers in the community.
* **Give others feedback**
  * Thinking critically about other people's code is a crucial skill. Help others while deepening your own knowledge by giving feedback on solutions.

Frontend Masters helps you gain real experience of building websites and providing code reviews. Build your portfolio and help others achieve their goals.

## [Pinterest](https://www.pinterest.com/)

![Pinterest image](https://s.pinimg.com/images/facebook_share_image.png)

**Pinterest** is a visual discovery engine for finding ideas like recipes, home and style inspiration, and more.
Pinterest is can be a great source for all kinds of design inspiration. You can use the ‘Explore’ link to view categories like photography and illustration, or plug in ‘web design’ to filter images of various websites.

### Pins

Pins are bookmarks that people use to save ideas they love on Pinterest.

With billions of Pins on Pinterest, you'll always find ideas to spark inspiration. When you discover Pins you love, save them to boards to keep your ideas organized and easy to find.
If you click through the Pin, you can visit the website to learn how to make it or where to buy it. As you discover Pins you love, click the red Save button to save them to your boards.

## [Land book](https://land-book.com/)

![Landbook image](https://land-book.com/images/facebook-ad.png)

**Land-book** is a Design gallery  carefully collected websites. Landbook seeks to help creatives find inspiration & motivation to make really cool stuff on the internet
Overall its a great place to find inspiration

## [Httpster](https://httpster.net)

![Httpster image](https://armory.visualsoldiers.com/wp-content/uploads/2017/08/httpster.jpg)

**Httpster** is an inspiration resource showcasing totally rocking websites made by people from all over the world.
Its simple design lets you easily discover and possibly get inspired by designs from around
the world

## Conclusion

Finding design inspiration as a developer can be challenging, but hopefully the resources above might
come in handy whenever you face a design block. Happy hacking .