nowfound

Dev tools · March 26, 2020

Frontend Mentor

Improve your coding skills by building real projects

Frontend Mentor launched on March 26, 2020 with 262 votes, #57 of 4,417 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 6 years on.

In plain words

Frontend Mentor provides front-end coding challenges designed to simulate real-world development workflows. Users receive professional designs for both mobile and desktop, along with style guides and project briefs, then build the projects themselves. It's intended for developers wanting to gain practical experience creating websites using actual design files. The platform offers a structured way to develop coding skills through hands-on project work.

written from the facts on this page · September 2026

From the sources

Our front-end challenges mimic a real-life workflow. Each one includes designs (mobile & desktop), a style guide, and a project brief. The rest is up to you! This means you get access to professional designs and can build your experience of creating websites.

Build frontend and full-stack projects with professional Figma designs. Practice HTML, CSS, JavaScript, React, Node, and more for free.

Build real projects to professional designs and briefs, get AI code reviews that build a profile of your strengths, and grow alongside a community reviewing each other’s code. Join 1,196,016 developers building the skills and judgment that get them hired. Free members get one review a month. Go Pro for a review on every submission and a skills profile that fills out as fast as you build. " 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! " Pick from 120+…from frontendmentor.io

Does a similar job

all alternatives →
  • Supercharge your front-end skills by building real projects2018 · frontendmentor.io · ▲32

    Hi HN! I'm Matt, founder of Frontend Mentor (https://www.frontendmentor.io). We provide front-end and full-stack coding challenges with professional Figma designs, enabling developers to build real projects and grow their skills. The problem: AI coding tools are great, but they can work against you when you're learning. Ask Copilot or Cursor to help with a beginner project, and they'll happily write the whole thing for you. You ship the project, but you didn't really learn anything. What we did: We added AGENTS.md (and CLAUDE.md) files to every challenge's starter code. These files…

  • Markdown2023 · markdown.co · ▲84

    Level up your frontend skills through daily challenges

  • Frontyssey2023 · ▲117

    Build your coding confidence with engaging challenges

  • IY
    Improve your front end skills by practicing on real design templates2021 · codewell.cc · ▲189

    Find information, resources and relevant links for codewell.cc. This domain may be for sale.

  • Frontloops2018 · frontloops.io · ▲302

    Level up your frontend skills with handcrafted tasks

  • Real Dev2019 · real.dev · ▲214

    Real-life coding skill challenge

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, March 2020

the whole month →