Learn to code for free by building real-world projects
Build real projects to professional designs and briefs, get an AI code review on every solution, and grow alongside a community reviewing each other’s code. Join 1,173,053 developers building the skills and judgment that get them hired.
Get an AI code review on every solution you submit
Free members get one review a month. Go Pro for line-level findings on every submission.
Testimonials
"I highly recommend Frontend Mentor. Skip the search for project ideas and dive into ready-made challenges that help you level up as a developer."
"Frontend Mentor is a win-win. You can sharpen your skills building websites and add finished projects to your portfolio to help land a job!"
As featured on...
How it works
1Choose your challenge
Pick from 120+ professional projects across five difficulty levels. Build to a design file, or take on a product challenge and make the design decisions yourself.
2Build it your way
Build with any stack you like. Hand-code the early levels to lock in your fundamentals, then practice directing AI on advanced and full-stack builds, the way real teams work today.
3Submit and improve
Get an AI code review with line-level findings scored against the brief’s requirements. Then learn from the community reviewing your code.
4Level up as you go
Take on tougher challenges as you grow, and review other developers’ code along the way to sharpen your skills and build connections in a supportive community.
Why developers choose Frontend Mentor
Move beyond passive learning
Stop watching tutorials and start building. Create professional projects that build real skills through hands-on practice.
Create a portfolio that gets you hired
Build standout projects to professional designs and briefs, and you’ll have work that proves you can ship production-ready code. Recruiters tell us these pieces “wow” them in interviews.
Learn to work effectively with AI from day one
AI is part of how real teams build now, so practice with it from day one: ask it questions, debug with it, use it to review your code. The skill that matters most is judgment, knowing whether the output is good enough to ship, and that comes from doing the work yourself.
Read our take on learning to code with AI
Join a supportive developer community
Connect with other developers for code reviews, career advice, and encouragement. You’ll build alongside people who get what you’re working through, with help from those a few steps ahead.
Fast-track your developer career with Pro
Go Pro for an AI code review on every solution, premium projects across design and product challenges, and professional design files. Everything you need to keep leveling up.
Get an AI code review on every solution
Submit your work and get line-level findings scored against the brief’s requirements, from code quality and accessibility to your commits and README. Free members get one review a month; Pro gives you one on every submission.
Build portfolio projects that get you hired
Work on premium challenges that mirror real client work, from multi-page sites and dashboards to full-stack apps. Build to a design file, or take on a product challenge and make the design decisions yourself.
Practice the design-to-code workflow
Get professional design files for every design challenge and build to real specs: colors, spacing, type, and more. It’s the same workflow developers use on the job.
Plans
- Free challenges (included)
- AI code review on every solution (included)
- 5 Figma design files/month (included)
- 2 premium challenges/month (included)
- Private solutions (included)
- Custom solution domains (included)
- View challenge solutions early (included)
- Free challenges (included)
- AI code review on every solution (included)
- Unlimited Figma design files (included)
- Unlimited premium challenges (included)
- Private solutions (included)
- Custom solution domains (included)
- View challenge solutions early (included)
Accepted payment methods
For companies
Train junior developers with real projects
Skip theoretical tutorials. Give your junior developers 120+ real-world challenges that build practical skills. Get an AI code review on every developer’s submission to identify skill gaps and track their progress.
Explore teams
Discover junior talent through skills, not resumes
See real code and live projects upfront, then connect directly with developers who've demonstrated the skills and passion you need.
Explore hiringA little ❤️ from our community
- This platform provides everything developers need to improve their skills. The community is great, and the challenges keep me motivated, instill accountability through regular submissions, and allow me to build a professional portfolio by showcasing diverse projects.
Francesca@frrann - Frontend Mentor eliminated the hurdle of sourcing designs, letting me focus on development. Their professional projects, especially in the Pro subscription, challenge me to create complex, multi-page websites. With a supportive community and feedback from advanced programmers, my skills have been elevated to new heights.
Alfie@alfiemitchell123 - Frontend Mentor transformed me from a newbie to a professional developer, enabling me to create flawless, responsive, accessible websites. It’s a superb platform for feedback with a supportive community backing your growth. Through it, I evolved from a frontend to a full-stack developer.
Hikmah@Hikmahx - Frontend Mentor has helped tremendously. Working on the newbie challenges really helped me get better at building layouts. Also, it increased my JavaScript skills. Working with APIs, DOM manipulation, and so on greatly increased my knowledge. Would totally recommend it.
Nuel@ijklmopffs - After completing a software bootcamp, Frontend Mentor let me build real-world projects, strengthening my developer skills. I wouldn’t be where I am today without it.
Michelle@maberizk - As a backend developer, I sought to improve my frontend skills. Frontend Mentor provided beautifully designed challenges, allowing me to progress from simple components to advanced responsive web pages. Enough can’t be said about the community members. Their feedback has been invaluable in my journey to becoming a better developer.
Arturo@artimys - Frontend Mentor offers invaluable real-world web development challenges, sharpening my HTML, CSS, and JavaScript skills. The structured feedback, solutions, and vibrant community have significantly impacted my learning and growth. It’s both a skill-building platform and a community hub for web developers.
Shashikant@shashikantdev3 - I began my frontend journey with Frontend Mentor’s newbie challenges and progressed to more complex projects. Some of the complex ones are now even in my portfolio! The supportive community and the dedication of the Frontend Mentor team are unmatched. I highly recommend it for newcomers and those keen on improving their skills.
Marit@Maritxx
Join 1,173,053 people building portfolio-worthy projects
Our highly supportive, positive community is here to help you improve your skills. We all try to help each other out wherever possible. We’d love to welcome you to our community!
Log in with GitHub