Frontend Mentor
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
About Frontend Mentor
Frontend Mentor is a platform for learning web development by building real-world projects. It offers over 120 challenges across five difficulty levels, ranging from newbie-level components to multi-page sites, dashboards, and full-stack applications. Challenges can be completed to a provided design file or as product challenges where the developer makes their own design decisions, and can be built with any technology stack.
Submitted solutions receive an AI code review with line-level findings scored against each challenge's requirements, covering code quality, accessibility, commits, and README documentation; these reviews build a skills profile over time. The platform also includes a community feature where developers review each other's code and offer feedback.
The service offers a free tier and a paid Pro tier, available on monthly or yearly billing. Free members get one AI code review per month, while Pro members get a review on every submission, access to premium challenges that mirror client work, professional Figma design files, and additional features such as private solutions and custom solution domains. Frontend Mentor also offers separate offerings for companies: engineering teams can use the challenges and AI reviews to train junior developers and track skill gaps, and hiring teams can use the platform to evaluate developers based on demonstrated code and completed projects.
Key features
- 120+ real-world coding challenges across five difficulty levels
- AI code review with line-level findings scored against the brief's requirements
- Professional Figma design files to build to real specs
- Community code reviews and feedback from other developers
- Skills profile that builds up from each review
- Premium challenges mirroring real client work, including multi-page sites, dashboards, and full-stack apps
Frequently asked questions
Is Frontend Mentor free to use?
Yes, free members can access free challenges and get one AI code review a month. A paid Pro plan (monthly or yearly) adds an AI code review on every submission, more Figma design files, and premium challenges.
What's included in the Pro plan?
Pro includes an AI code review on every solution, unlimited Figma design files and premium challenges (5 files and 2 premium challenges/month on the monthly plan), private solutions, custom solution domains, and early access to challenge solutions.
What tech stack do I need to use?
You can build with any stack you like, hand-coding early levels or directing AI on advanced and full-stack builds.
Who is Frontend Mentor for?
It's for developers who want to build practical skills through real-world projects, including beginners, backend developers improving frontend skills, and engineering teams training junior developers.
How does the AI code review work?
Submitted solutions get line-level findings scored against the challenge brief's requirements, covering code quality, accessibility, commits, and README, and each review adds to a skills profile.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Divize
Code Challenge/Learn/ProgrammingLearn, Write, Master: HTML/CSS Through Real UI Challenges.
Edabit
Code ChallengeLearn to code with fun, bite-sized challenges. Gain XP, unlock achievements and level up. It's like Duolingo for learning to code.
Exercism
Code ChallengeCode Practice and Mentorship for Everyone. Level up your programming skills with 1,879 exercises across 38 languages, and insightful discussion with our dedicated team of welcoming mentors. Exercism is 100% free forever.
FrontendAtlas
Code Challenge/Learn/ProgrammingFrontend interview prep platform with hands-on JavaScript, UI, and DOM-oriented coding challenges.
HackerRank
Code ChallengeHackerRank is the market-leading technical assessment and remote interview solution for hiring developers. Learn how to hire technical talent from anywhere!
Learn JavaScript
Learn/Programming/Code ChallengeLearn JavaScript in an interactive environment. Read short lessons, take notes, and complete challenges directly in your browser.
