---
title: "Discussion on \"10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️\" | Hashnode"
description: "Discussion on \"10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️\". Recruiters looking for frontend devs usually love to see UI/UX projects in your portfolio, since they demonstrate your eye for the design and your competency with layouts. \nIn this article, I have handpicked some awesome UI/UX projects that might giv..."
url: "https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️](https://madza.hashnode.dev/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills?utm_source=hashnode&utm_medium=feed)

Recruiters looking for frontend devs usually love to see UI/UX projects in your portfolio, since they demonstrate your eye for the design and your competency with layouts. In this article, I have handpicked some awesome UI/UX projects that might giv...

Feb 15, 2022 · 2 min read · madza.hashnode.dev  
Read the article

-   [#web-development](https://hashnode.com/tag/web-development)
-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)
-   [#ux](https://hashnode.com/tag/ux)
-   [#ui](https://hashnode.com/tag/ui)

## Written by

[Madza](https://hashnode.com/@Madza)

@Madza

  
[View profile](https://hashnode.com/@Madza)

Tools. 🛠 Resources. 📚 All things productivity. 🎯🚀💯

## Responses 6

Markdown supported · ⌘↵ to post

[Rave R](https://hashnode.com/@Rave123)

[Jan 7, 2025](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/677cc78fb643dc88f434bbd3)

Excellent, these project ideas gave a hint how to build and improve my frontend skill in UIUX. Also gained knowledge from this blog on UIUX.

[Madza](https://hashnode.com/@Madza)

[Jan 7, 2025](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/677cc78fb643dc88f434bbd3#reply-677ccdca357ed1361dd25bda)

Awesome to hear it was helpful! Thanks a lot!

[Md Shakib Ahmed](https://hashnode.com/@mdshakibahmed)

[Nov 21, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/637bcc782f8fcfb525f220b0)

You can benefit from having a few websites with free examples at hand. I have found **UIHUT** to be useful. I use it for web design and graphic design projects. [\*\*UIHUT](https://uihut.com/) is One of The most powerful and largest design resource platforms**. Over 20,000 UI KITs across all categories such as** Web Template, Illustrations, 3D Assets, Web App, Icon, Dashboards, and so much more\*\*. Components for every single product design need. THANK YOU💖

[Mike Maitoza](https://hashnode.com/@MMaitoza)

[Feb 20, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/6211b616e2db563535e36f7a)

Great article, thank you. I've got some Ideas brewing now in my brain of some fun portfolio projects.

[Madza](https://hashnode.com/@Madza)

[Feb 20, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/6211b616e2db563535e36f7a#reply-6211e61ae2db563535e381f2)

This is so awesome to hear! I'm happy these helped! 🙏💖

[Jorge Romero](https://hashnode.com/@JorgeRL)

[Feb 18, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620fcf549375bf259a97b6bc)

The glassmorphism and social apps looks awesome!

I'll try to recreate them. Will probably fail spectacularly, but learn a lot.

Thanks for the inspiration! One of the things I struggle a lot is figuring out what to do, specially when it comes to frontend :)

[Madza](https://hashnode.com/@Madza)

[Feb 18, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620fcf549375bf259a97b6bc#reply-620fdb178f26523301cb54c6)

Best of luck with projects and I hope these helped! 🙏💖

[Vic Kalchev](https://hashnode.com/@vickalchev)

[Feb 18, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620f0548d589905b4129169f)

I love this. Truly inspiring projects. Which one of those is more suited for beginners?

[Madza](https://hashnode.com/@Madza)

[Feb 18, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620f0548d589905b4129169f#reply-620f50c8d589905b41291d15)

I would start with the last one if I would have to choose 😉

[Blessed Zulu](https://hashnode.com/@blessedzulu)

[Feb 16, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620cb1cb25673f2740ee97f1)

Wonderful stuff, Madza! Thank you.

[Madza](https://hashnode.com/@Madza)

[Feb 16, 2022](https://hashnode.com/posts/10-uiux-project-ideas-to-build-to-improve-your-frontend-skills/620bba1e4e82f0219d8fc4b7/comment/620cb1cb25673f2740ee97f1#reply-620cbb5c25673f2740ee99b1)

Means a world! Thanks 🙏💖