Frontend Mentor
Frontend Mentor provides browser-based front-end challenges built around professional web designs for realistic practice and portfolio building.
What Frontend Mentor is
Frontend Mentor provides browser-based front-end challenges built around professional web designs for realistic practice and portfolio building. Learners can choose from more than 120 projects across five difficulty levels and use any technology stack. Automated checks run on every submission for accessibility, HTML, CSS and JavaScript. AI code reviews score submissions across seven dimensions and link findings to specific code lines. Free design challenges include JPEG images and a style guide, while Pro adds Figma files with design-system details and tablet layouts. Product challenges include specifications, brand materials, UI/UX guidance, sample data, starter CSS and AI context files. Submissions use a repository URL to generate reports. The Free plan costs nothing and includes free challenges, one AI code review monthly and two AI-enhanced reports monthly. Pro plans add premium access, Figma downloads, private solutions and custom domains. GitHub is currently the only sign-up option.
Good
- 120+ projects across five difficulty levels
- Use any technology stack
- Automated accessibility and code checks
- AI reviews tied to code lines
- Free plan available
Watch out
- Web platform only
- GitHub is the only sign-up option
- Free plan limits monthly AI reviews and reports
Who it suits
It suits learners practicing HTML, CSS and JavaScript through project-based work. It also fits people building portfolios and seeking automated or community feedback.
Verdict
Frontend Mentor offers structured, project-based front-end practice with automated checks and AI review. The free tier provides a starting point, while Pro adds design files, premium challenges and privacy controls.
Plans and prices
From Frontend Mentor's own pricing page, checked 8 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Free | Free | Free challenges · one AI code review/month · two AI-enhanced reports/month |
| Pro Monthly | — | 5 Figma design file downloads/month · 2 premium challenge starts/month · unlimited AI-enhanced solution reports · private solutions · custom solution domains · early access to community solutions · Charged on the same date each month |
| Pro Yearly | — | Unlimited Figma design file downloads · unlimited premium challenge access · unlimited AI-enhanced solution reports · private solutions · custom solution domains · early access to community solutions · Charged once per year on your subscription anniversary |
The facts
Each one read from Frontend Mentor's own pages, with the date it was checked.
What it does
- 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.checked 8 Oct 2026
- AI code review
- AI reviews score submissions across seven dimensions and provide findings tied to specific lines of code.checked 8 Oct 2026
- Automated checks
- Automated checks run on every submission and cover accessibility, HTML, CSS, and JavaScript.checked 8 Oct 2026
- Challenge library
- The site says learners can choose from 120+ professional projects across five difficulty levels.checked 8 Oct 2026
- Community feedback
- The FAQ recommends the Discord server for challenge help and says community members can review one another’s code.checked 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.checked 8 Oct 2026
- Flexible tools
- Learners can build challenges with any stack they like.checked 8 Oct 2026
- Integrations
- Solution submissions use a repository URL, and the platform pulls code from that repository to generate reports.checked 8 Oct 2026
- Private solutions
- Pro members can make selected solutions private, and the site says private solutions become public when a subscription expires.checked 8 Oct 2026
- Product challenges
- Product challenges include product specifications, a brand kit, UI/UX guidance, sample data, starter CSS, and AI context files.checked 8 Oct 2026
- Support
- Frontend Mentor directs users who need challenge help to its Discord server and provides email support for other questions.checked 8 Oct 2026
- What it does
- Frontend Mentor provides front-end challenges with professional web designs for realistic practice and portfolio building.checked 8 Oct 2026
Money
- 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.checked 8 Oct 2026
Alternatives to Frontend Mentor
- 1
CodeSignal
Free planAndroidiOSWebAPI8.2From $24.99 a month - 2
HackerEarth Assessments
Free planAndroidiOSWebAPI8.2From $99 a month - 3
CodeChef IDE
Free planWebAPI7.4From $124 a year - 4
HackerRank
WebAPImacOSWindows7.4From $165 a month - 5
Codility
WebAPImacOSWindows7.3From $1,200 a year - 6
CSSBattle
Free planWeb6.7From $4.90 a month