Frontend Mentor

Developer Tools Free · from $12/mo

About Frontend Mentor

Frontend Mentor gives you professional design mockups and turns them into coding challenges—you build the UI, compare with solutions, and get feedback from peers.

What it does

Frontend Mentor provides a library of real-world front-end projects with Figma/PDF designs, starter files, and a community where you can submit your code for review. It focuses on HTML, CSS, and JavaScript skills without back-end complexity.

Best for

Junior developers building a portfolio with realistic projects
Self-taught coders who want structured practice with design specs
Bootcamp graduates seeking code reviews and community feedback

Strengths

Professional design files (Figma/PDF) for each challenge
Community code reviews and solution comparisons
Progressive difficulty from HTML/CSS basics to JavaScript apps
Free tier includes dozens of challenges
Starter files and assets provided—no design work needed

Key features

Design Files — Figma and PDF mockups for each challenge
Starter Code — HTML/CSS/JS boilerplate to jumpstart projects
Community Solutions — Browse and compare how others solved the same challenge
Code Reviews — Submit your work and get feedback from other developers
Progress Tracking — Mark challenges complete and build a portfolio
Pro Challenges — Premium tier with advanced JavaScript and API integrations

◆ Not sure this is the right tool?

Too many tools to choose from?
Tell us what you need.

Answer 3 quick questions and our AI advisor will match you with the perfect SaaS — only from our hand-picked partners, often with exclusive deals you won't find elsewhere.

Get my personal recommendation → 60 seconds · free · no signup