Frontend Mentor

Practice front-end skills by building real projects from professional designs.

OperatorCompany
LoginOptional
MobileSupported
Sign-inEmail/GitHub/Google
Checked2026.08.06

What is it?

Frontend Mentor offers design-to-code challenges across skill levels, letting you build to provided design files using HTML, CSS, JavaScript, and frameworks. A community reviews submissions so you can learn from real-world feedback.

Common features

120+ design-to-code challenges
Multiple difficulty levels
Community code reviews
Free challenges to start

Tips

Start with a junior-level challenge to learn the design-to-code workflow.
Post your solution to get feedback from other developers.

FAQ

Is it free?

Many challenges and one review a month are free; a Pro plan adds design files and more reviews.

What skills does it cover?

Primarily HTML, CSS, and JavaScript, extending to React, Node, and full-stack projects.

Visit Frontend Mentor

#frontend #practice #coding

More in Learning

Coursera University and company courses online Company Login Required Mobile Supported

The Odin Project A free, open-source curriculum for learning full-stack web development by building real projects. Nonprofit Login Optional Mobile Supported

Brilliant Interactive courses that teach math, science, and computer science through hands-on problem solving. Company Login Required Mobile App recommended

W3Schools Beginner-friendly web development tutorials with an in-browser code editor. Company Login Not required Mobile Supported

MIT OpenCourseWare Free lecture notes, exams and videos from MIT courses. Nonprofit Login Not required Mobile Supported

Exercism Free, open-source platform to practice coding across dozens of languages with optional mentorship. Nonprofit Login Required Mobile Limited

Information and links are accurate as of the time of writing and may change. Always verify on the official site. This is an independent guide, not affiliated with the listed services.