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.

  • Male developer looking frustrated in front of a laptop

    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!)
  • Web developer working in an office

    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!"

Avatar for Florin PopFlorin Pop

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

  • Screenshots of 3-page website

    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.

  • Laptop with Sketch design file on the screen

    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.

  • Laptop, tablet, and mobile phone mockups with the same website on the screen

    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.

  • Preview of a design system

    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!"

Avatar for Tiffany ArellanoTiffany Arellano

What's the difference?

FreePremium
Optimized assets
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

    • HTML
    • CSS
    • JS
    premium

    Minimalist portfolio website

    This multi-page portfolio site will be a great challenge to test your all-round front-end skills. You can even use the site as your own portfolio when you're finished!

    Intermediate
    View challenge
    • HTML
    • CSS
    • JS
    premium

    myteam multi-page website

    This challenge will give you a real glimpse into a professional front-end developer's workflow. It includes designs for a 3-page fully-functional website.

  • 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."

Avatar for Jakub FiglakJakub Figlak

FAQs