Build projects like the professionals
Trying to get hired for a new front-end role?
Grab recruiters' attention by demonstrating real experience and presenting a professional portfolio.
It's hard to stand out!
Web development is a very rewarding career, but it can also be hard to build a great portfolio and stand out from the crowd. To-do app anyone?!
You've been coding for a while but do you still feel like...
- ...you're not experienced enough or ready for a new role?
- ...you lack confidence in your skills and have a sense of imposter syndrome?
- ...you don't have confidence in the quality of your portfolio? (we're not designers after all!)
Why not step into the shoes of a professional developer?
There is no better way to prove your credentials than by presenting a professional portfolio.
Our premium challenges mimic real-world development processes so that you can...
- …learn to build fully-functional, multi-page websites to a design
- ...use the original design file to see the exact styles you need
- ...build a portfolio of projects you'll feel proud to share
"I keep telling my audience that one of the best ways to improve your coding skills is to... CODE MORE! And this is where the Frontend Mentor platform shines (among other things)! It provides a series of very nice designs which you can take and convert to HTML, CSS, and JS to practice and improve your coding skills! Something like this would have helped me a lot when I started out, but I'm happy that it exists for those who are starting out now!"
Why go premium?
A question I was often asked by my students while teaching at General Assembly was:
"Where can I go to keep practicing and improving my coding skills?"
As professionals, we take designs from a designer and implement them in code. So, we've created Frontend Mentor to help you practice doing exactly that.
Our premium challenges take this workflow to whole new level. They aim to offer the most realistic experience possible. This helps build your skills, portfolio, and most importantly, your confidence as a developer.
I hope you enjoy them!- Matt Studdert
Inside our Premium Challenges
Professional designs for multi-page websites
Build fully-functional, multi-page websites and learn how to write scalable, maintainable code. By the end of each challenge, you'll have a beautiful new addition to your web development portfolio.
Use the original Sketch design file
Use the original design files and work like a professional developer. See exactly what styles need to be applied to get your solution close to the design.
Mobile, tablet, and desktop layout designs
Practice building fully-responsive websites by working to mobile, tablet, and desktop designs. No need to guess how your project should look at different breakpoints.
Professional design system
Our premium challenges come with a simple, professional design system to help you plan out your styles. See common styles and patterns all in one neatly presented document.
"I would say definitely go for Frontend Mentor's challenges! The projects are an amazing way to get started for growing devs and challenging enough for mid-levels as well. Plus, I did manage to score an interview BECAUSE of those projects!"
What's the difference?
|JPEG design files|
|Mobile & desktop designs included|
|Tablet design included|
|Fully-functional, multi-page websites|
|Sketch design file included|
|Professional design system|
Latest Premium Challenges
- Coming Soon
"Before joining Frontend Mentor I would build projects by following along with tutorials. I’m not comfortable with design, so having pre-prepared designs that I can turn into code is great. The premium challenges allow me to test my skills by building more complex websites. I strongly recommend using Frontend Mentor challenges to build your portfolio."
Our free challenges are perfect projects to test your skills and improve your front-end workflow. The premium challenges allow you to build a seriously impressive portfolio of projects whilst providing the most realistic development workflow possible.
We don't provide "official" solutions for the challenges. This is because there is no single perfect way to complete a challenge. Instead, you're encouraged to review other people's code in the community. You can learn so much by seeing how other people have approached the same challenges.
If you would like to receive feedback please be sure to post a question when you submit your solution. The more specific you can be the better. This will give others in the community an idea of the help you're seeking.
At the moment, everything is available as a one-off purchase. As the library of premium challenges grows and we add more features to the platform we'll look to add a subscription option.
Yes! If you buy a Sketch file or a premium challenge, then download comes with access to the design file on Sketch Cloud. You don't even need a Sketch Cloud account and it runs in the browser, so there are no extra downloads required.
Of course! Frontend Mentor was created to make professionally designed projects more accessible to the development community. Please feel free to use anything you build in your portfolio.
No problem. We want you to be completely happy with your purchases. Simply email [email protected]ntor.io and we'll refund you, no questions asked.