- Home
- Coding Challenge Platforms
- Frontend Mentor
Frontend Mentor
What it is
Frontend Mentor is a web-based service for practicing front-end development through challenges built around professional web designs. Its library offers 120+ projects across five difficulty levels, and learners can use any technology stack. The challenges are intended for realistic practice and portfolio building. Submissions receive automated checks for accessibility, HTML, CSS, and JavaScript. AI code reviews score work across seven dimensions and tie findings to specific lines of code. Free design challenges provide JPEG images and a style guide; Pro adds Figma files with design system details and tablet layouts. Product challenges include specifications, a brand kit, UI/UX guidance, sample data, starter CSS, and AI context files. Submissions use a repository URL, which the service pulls from to generate reports. GitHub is currently the only sign-up option, and the FAQ says sign-up does not give Frontend Mentor access to users’ repositories. The Free plan includes free challenges, one AI code review per month, and two AI-enhanced reports per month.
For and against
For
- 120+ projects across five difficulty levels
- Learners can use any technology stack
- Automated checks cover accessibility, HTML, CSS, and JavaScript
- AI reviews connect findings to specific code lines
- Free plan includes challenges and monthly reviews and reports
Against
- GitHub is the only sign-up option
- Free plan limits monthly AI reviews and reports
- Private solutions become public when a subscription expires
The verdict
Frontend Mentor pairs design-based practice with automated checks and AI code review.
Who it suits
Frontend Mentor suits people who want to practice front-end development through project challenges and build a portfolio. Its free plan may work for learners who want to begin without a paid subscription, while Pro offers additional design files and challenge access.
Plans and prices
Free
Free challenges · one AI code review/month · two AI-enhanced reports/month
Read 8 Oct 2026 · frontendmentor.io
Pro Monthly
5 Figma design file downloads/month · 2 premium challenge starts/month · unlimited AI-enhanced solution reports · private solutions
Read 8 Oct 2026 · frontendmentor.io
Pro Yearly
Unlimited Figma design file downloads · unlimited premium challenge access · unlimited AI-enhanced solution reports · private solutions
Read 8 Oct 2026 · frontendmentor.io
On the record
- Account sign-in
- The FAQ says GitHub is currently the only sign-up option and that Frontend Mentor does not access users’ repositories through sign-up.frontendmentor.io · read 8 Oct 2026
- AI code review
- AI reviews score submissions across seven dimensions and provide findings tied to specific lines of code.frontendmentor.io · read 8 Oct 2026
- Automated checks
- Automated checks run on every submission and cover accessibility, HTML, CSS, and JavaScript.frontendmentor.io · read 8 Oct 2026
- Billing and refunds
- Subscriptions auto-renew, can be managed in Settings, and have a fair-use refund policy within 14 days of a first subscription.frontendmentor.io · read 8 Oct 2026
- Challenge library
- The site says learners can choose from 120+ professional projects across five difficulty levels.frontendmentor.io · read 8 Oct 2026
- Community feedback
- The FAQ recommends the Discord server for challenge help and says community members can review one another’s code.frontendmentor.io · read 8 Oct 2026
- Design assets
- Free design challenges provide JPEG images and a style guide, while Pro adds Figma files with design system details and tablet layouts.frontendmentor.io · read 8 Oct 2026
- Flexible tools
- Learners can build challenges with any stack they like.frontendmentor.io · read 8 Oct 2026
- Integrations
- Solution submissions use a repository URL, and the platform pulls code from that repository to generate reports.frontendmentor.io · read 8 Oct 2026
- Private solutions
- Pro members can make selected solutions private, and the site says private solutions become public when a subscription expires.frontendmentor.io · read 8 Oct 2026
- Product challenges
- Product challenges include product specifications, a brand kit, UI/UX guidance, sample data, starter CSS, and AI context files.frontendmentor.io · read 8 Oct 2026
- Support
- Frontend Mentor directs users who need challenge help to its Discord server and provides email support for other questions.frontendmentor.io · read 8 Oct 2026
- What it does
- Frontend Mentor provides front-end challenges with professional web designs for realistic practice and portfolio building.frontendmentor.io · read 8 Oct 2026
