nowfound

AI · October 10, 2018

Supercharge your front-end skills by building real projects

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…

Supercharge your front-end skills by building real projects launched on October 10, 2018 with 32 votes, #916 of 2,827 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 8 years on.

In plain words

Frontend Mentor is a free platform where developers practice coding by building real projects based on professional Figma designs and briefs. Users work with HTML, CSS, JavaScript, React, Node, and other technologies while receiving AI code reviews that identify their strengths and weaknesses. The platform includes a community where developers review each other's work, helping them develop the skills and judgment needed for employment. Free members receive one monthly review, while Pro subscribers get unlimited reviews and a detailed skills profile.

written from the facts on this page · September 2026

From the sources

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,194,697 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

In the maker’s words, at launch

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…

Does a similar job

all alternatives →
  • Frontend Mentor2020 · frontendmentor.io · ▲262

    Improve your coding skills by building real projects

  • Frontend AI2024 · ▲1,005

    Your UI generated from prompts or images

  • Frontend Arena2024 · frontendarena.com · ▲130

    Submit a Figma design, watch developers battle to build it

  • Locofy.ai2022 · locofy.ai · ▲720

    Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…

  • Figr AIFeb 2026 · figr.design · ▲503

    Built Figr AI because I got tired of AI builder tools market themselves as design tools and end up skipping the hard part. Every tool I tried would jump straight to screens. But that's not how product design actually works. You don't just design screens. You think through the problem first. The flows, the edge cases, the user journey, where people will get stuck. Then the design comes finally. Figr does that thinking layer first. It parses your existing product via a chrome extension or takes in screen-records, then works through the problem with you before designing. Surfaces edge cases,…

  • Frontender2023 · frontender.io · ▲112

    A smart Figma plugin that writes front-end code

More ai this month

the category →
  • Video model that turns script into viral social media videos

    AI · 18d ago · spira.ai

  • The browser where Claude Code and Codex work beside you

    AI · 18d ago · rill.love

  • Kolibri is Aleph Alpha

    AI · 20d ago · tej.as

  • Paintings by AI models: programs run through a simulation of oil paint.

    AI · 21d ago · stillwet.art

  • A real-time world model you can explore and change

    AI · 30d ago · world.pixverse.video

  • Beam.win▲378

    Run AI agents on one Mac and use its windows on another

    AI · 4d ago · beam.win

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, October 2018

the whole month →
  • Funkify▲1,004

    Experience the web through the eyes of the differently abled

    Life & fun · 2018

  • Neil Patel's free keyword research tool

    Growth · 2018 · neilpatel.com

  • Cruip▲696

    Free and premium landing page templates for startups

    Growth · 2018 · cruip.com

  • Automate your workflow from idea to production

    Dev tools · 2018 · github.com

  • Example of bloated website in 2018

    Life & fun · 2018 · 2018.bloomca.me

  • Discover new, productive Notion templates

    Work · 2018 · notionpages.com