- Extra Resources
- Note: this only includes premium challenges let me know if you want something else i have missed
Improve your coding skills by building realistic projects
Our professionally designed challenges help you gain hands-on experience writing HTML, CSS, and JavaScript. We create the designs so you can focus on the code and see your skills skyrocket!Join 896,955 developers building projects, reviewing code, and helping each other improve.
Testimonials
I highly recommend Frontend Mentor. Skip the search for project ideas and dive into ready-made challenges that help you level up as a developer.Kevin Powell
Web Developer & YouTuber
Frontend Mentor is a win-win. You can sharpen your skills building websites and add finished projects to your portfolio to help land a job!
Jessica Chan
Web Developer & YouTuber
https://www.producthunt.com/products/frontend-mentor
Why Frontend Mentor?
Escape tutorial hell
Add projects to your learning journey and put your knowledge to the test. The real learning happens when you start solving real-world problems yourself.Build portfolio-worthy projects
Design is hard. We take care of the project ideas and design so you can focus on the coding. You’ll end up with an incredible portfolio of stunning projects!Banish impostor syndrome
We’ve all felt out of our depth before. Getting hands-on experience is an incredible way to build confidence, refine your workflow, and supercharge your learning.Practice new tools
The front-end landscape changes constantly. Our design-led challenges let you pick your tools to help you adapt, experiment, and keep up with the latest trends.Create job opportunities
We have a Hiring Platform that runs alongside this platform. Just by building projects and engaging with the community, you could open up job opportunities!How it works
1. Choose your challenge .Browse our collection of professionally designed projects. Pick one that suits the level you’re currently at.2. Code the design
3. Submit your solution
4. Give others feedback