Skip to content
  • Unlock Pro
  • Log in with GitHub

Practice building projects like a professional developer

Working with design tools like Figma and building fully-functional projects is what professionals do. Our Pro subscription puts you in the shoes of a professional developer so you can take your skills to the next level.

Already sold? Unlock Pro now

Testimonials

Frontend Mentor was absolutely pivotal in my career transition, offering portfolio-ready projects and a supportive community. The premium challenges stood out in my interviews and prepared me for a real-life workflow. Thanks to this platform, I transitioned from a newbie to a hired developer.

Emmilie@emestabillo

Frontend Mentor is the best platform for honing real-world coding skills. After starting with a free membership, I quickly upgraded to PRO, thoroughly enjoying the premium challenges. These projects paved the way for my first professional programming job. The community they’ve cultivated is also invaluable, with countless members collaboratively learning and supporting each other.

Kent@12Kentos

Why Frontend Mentor Pro?

✨

Boost your portfolio with our premium challenges

Our premium challenges are the most realistic, comprehensive practice projects around. They’re the closest experience you’ll get to a professional project and make incredible portfolio pieces that will “wow!” any recruiter.

🎨

Practice using design tools like a pro

As a professional developer, you’ll receive designs made using tools like Figma. Practicing working with them as early as possible will help you gain hands-on experience using a professional workflow so you can hit the ground running in your job.

🔒

Curate your profile with private solutions

You might not want to show all your completed solutions on your profile, especially when recruiters might be looking. As a Pro member, you can make solutions you’d like to hide private so they don’t appear on your profile.

📸

Ensure your solutions look their best with unlimited screenshots

When you submit your solution, we take a screenshot. This allows you to compare your solution to the original design to see the differences. As a Pro member, you get unlimited screenshots, so you can tweak things until the design comparison slider looks just right.

Testimonials

Using Frontend Mentor’s design files saves me from guessing paddings, margins, and colors, ensuring precise design replication. The PRO subscription offers private solutions and unlimited screenshots for perfecting my projects before sharing. The premium projects were instrumental in securing interviews - I received two calls from just five applications!

Vanza@vanzasetia

Inspired by Frontend Mentor’s mission, I purchased the PRO subscription to further contribute. While I once underestimated practice over theory, I now know how important practice is. The Figma designs simplified the process, and I can repeatedly refine and correct my work with unlimited solution screenshots.

Valter@Valvrauu

Ready to upgrade?

Join thousands of developers honing their skills, creating incredible portfolios, and gaining hands-on experience using a professional workflow.

Unlock Pro now

What’s the difference between free and premium challenges?

FreePremium
Professionally designed projectsYesYes
Multi-page projectsNoYes
Fully-functional appsNoYes
Showcase portfolio projectsNoYes
Design file includedNoYes
Professional design systemNoYes
Tablet layout includedNoYes

Testimonials

Having access to the Figma files with PRO saves time and ensures your project aligns nicely with the design. Instead of guessing font sizes and spacing from images, the Figma file provides precise details. It’s truly worth it!

George@Olatoyan

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.

Jakub@jakubfiglak

Choose your billing cycle

Monthly
  • 2 premium challenges per month
  • 5 design files per month
  • Private solutions
  • Unlimited solution screenshots
Best valueYearly
  • Unlimited premium challenges
  • Unlimited design files
  • Private solutions
  • Unlimited solution screenshots
Monthly
Best valueYearly
Premium challenges2 per monthUnlimited
Design files5 per monthUnlimited
Private solutionsYesYes
Unlimited solution screenshotsYesYes

Accepted payment methods

  • Visa
  • MasterCard
  • American Express
  • Maestro
  • PayPal
  • Google Pay

Do you work in a professional team?

Your company might pay for Pro as part of your professional training budget. Frontend Mentor for Teams enables companies to manage multiple Pro subscriptions to incorporate project-based learning into employee training.

Learn about teams

Unsure how to ask your engineering manager about Frontend Mentor for Teams? Read our helpful guide.

View our Ecologi profile

We believe in business for good

We strongly believe businesses should use their position to do good in the world. For one of our initiatives, we’ve partnered with Ecogoli so that for every new and renewed subscription, trees are planted. We also fund climate-positive projects.

Subscription FAQs

  • Can I get my employer to pay for my subscription?

    If you're employed as a developer, your employer should be happy to pay for your subscription as part of your training budget. Be sure to ask them first. If they're happy to do so, complete the checkout and then send an email to hi@frontendmentor.io with the company's name and address, and we'll update the invoice.

  • Why are there credits limits on the monthly subscription?

    Due to the downloadable nature of our Pro assets (design files, premium challenges), we need credit limits for monthly subscribers. Otherwise, someone could subscribe for a month, download everything, and immediately cancel. So we need the limits in place so we can function as a business. The limits we've chosen allow a lot of practice on a month-to-month basis. You can download 5x design files for our free challenges, and you can take 2x premium challenges.

  • Do you offer discounts?

    We don't offer any discounts on the Pro subscription beyond the regional discounts that we automatically apply. We have lots of free challenges, so we'd recommend using them. Then, if you feel you'll get value from the Pro subscription, you can upgrade.

  • Do you offer refunds?

    We offer a "fair use" refund policy within 14-days of starting your first subscription. Fair use means that if you download one or two premium assets (designs, premium challenges) and decide it's not for you, we're happy to process a refund. After all, we want you to be satisfied with your purchase! But if you've downloaded three or more premium assets and then requested a refund, we reserve the right to say no. To request a refund, email hi@frontendmentor.io within 14-days of starting your subscription.

  • Can I cancel my subscription any time?

    Definitely! We provide easy account management through the Settings page. Click on the Billing tab, and you'll be able to manage your subscription without a problem.

  • Does the subscription auto-renew?

    Our subscriptions do auto-renew at the end of their term. You can easily manage your subscription by going to Settings > Billing. We send you an email reminder a few days before your subscription renews to make sure you don't get caught out.

  • What happens when my subscription expires?

    When your subscription expires, all private solutions are made public. You go back to having five screenshot credits per month. If you have a yearly subscription, your design and premium credits reset to zero. If you have a monthly subscription, unused credits remain on your account until you use them.

Ready to start practicing like a pro?

Join thousands of developers honing their skills, creating incredible portfolios, and gaining hands-on experience using a professional workflow.

Unlock Pro now
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Professionally designed projects

A professional designer designs all our challenges. So whether you are a free member or a paying subscriber, you can access professionally designed projects that look great and replicate a real-life front-end workflow.

Multi-page projects

Our free challenges are mostly single-page projects. Our Newbie and Junior-level ones go from small components to simple landing pages. Our Intermediate and Advanced free challenges mainly include more complex landing pages and small web applications.

Our premium challenges go from single-page projects for our lower difficulty levels to multi-page websites and web applications at the highest Guru level.

Fully-functional apps

Our free challenges are typically smaller projects to improve your skills in specific areas. In comparison, our premium challenges include several projects that are fully functional applications, like the Pomodoro timer and the Kanban task management app.

Showcase portfolio projects

While all our projects could technically be used to showcase your skills to potential employers, our premium challenges are the real show-stoppers. These mimic real-world professional projects as closely as possible, so they're excellent projects to add to your portfolio to help “wow!” recruiters and potential employers.

Design file included

Our free challenges come with a JPG image of the design, which you can reference while you build each project. If you’re a PRO subscriber, you can download the design file of each project to help you save time while coding and create more accurate solutions.

Our premium challenges include access to the design file by default to help you use a professional workflow.

Professional design system

Free challenges include a "style-guide" markdown file that provides high-level information like common colors, font families, and a base font size to help you get started.

Each premium challenge includes a professional design system in the design file, which includes colors, font families, all font sizes, and shared components (including active states, e.g., hover and error states). The design system helps you plan making reusable components and styles.

Tablet layout included

Our free challenges include mobile and desktop layout sizes by default. Having only mobile and desktop designs is relatively typical in a professional setting but still leaves much open to interpretation at the medium (e.g., tablet) screen sizes.

However, our premium challenges all include tablet layout designs in addition to the mobile and desktop designs. Having designs for medium screen sizes helps you plan your responsive design better so that your project looks impressive at all screen sizes.

Premium challenges

Due to the downloadable nature of our Pro assets (design files, premium challenges), we need credit limits for monthly subscribers. The limits we’ve chosen allow a lot of practice on a month-to-month basis. You can take 2 premium challenges per month on our monthly subscription.

If you would prefer to take more challenges each month, we recommend taking the yearly subscription, which allows for unlimited downloads.

Design files

Due to the downloadable nature of our Pro assets (design files, premium challenges), we need credit limits for monthly subscribers. The limits we’ve chosen allow a lot of practice on a month-to-month basis. You can download design files for 5 free challenges per month on our monthly subscription.

If you would prefer to download more design files each month, we recommend taking the yearly subscription, which allows for unlimited downloads.

Thanks for becoming a Pro member! 🎉

As a Pro member you’ll be given everything you need in order to practice like a professional. You’ll also be given a Pro label that will show your support for the community.

A great place to start would be to find a challenge that you’d like to try. Remember, you can now dive into our premium challenges!

Browse challenges

We're still waiting for payment confirmation

Payment has been received, but there’s a delay receiving confirmation from our payment provider. Normally this is resolved with in a few minutes, but in extreme cases it can take a few hours.

Sorry that this is taking a little while longer than usual. There’s many factors that could have caused this, like heavy traffic on our site, or at the payment gateway, or a network issue somewhere in between.

Our support team have been notified that you’re still waiting so that they can investigate. In the mean time if you have any questions or concerns you can contact us at hi@frontendmentor.io.

For now, why not try a free challenge?

Browse challenges