AI · alternatives · 2026
24 alternatives to 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…
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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Supercharge your front-end skills by building real projects launched in 2018; newer entries below may have overtaken it.
- 1
Frontend Mentor▲262Improve your coding skills by building real projects
2020 · frontendmentor.io · its alternatives →
- 2
- 3
Frontend Arena▲130Submit a Figma design, watch developers battle to build it
2024 · frontendarena.com · its alternatives →
- 4
Locofy.ai▲720Hey 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…
2022 · locofy.ai · its alternatives →
- 5
Figr AI▲503Built 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,…
Feb 2026 · figr.design · its alternatives →
- 6
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
2024 · decocms.com · its alternatives →
- 7
Frontender▲112A smart Figma plugin that writes front-end code
2023 · frontender.io · its alternatives →
- 8
100 Vibe Coding▲351Hi HN, I have been making side projects since I was 14, and my team mate (this is his very first side project! Congrats!) designed and implemented the UI. Over time, people kept asking me how they could start coding and turn ideas into reality. So we had an idea. Coding is changing. With AI, the bottleneck is no longer writing every line by hand but knowing how to prompt effectively to reach a working outcome. Our objective is not to make people code better, or even learn to be a proficient software engineer, but just to keep it simple and start building. We want to remove fear and barriers…
2025 · 100vibecoding.com · its alternatives →
- 9
Improve your user experience with AI-powered copy
2023 · frontitude.com · its alternatives →
- 10
PixelFree Studio▲617From design to code in just 1 click
2024 · pixelfreestudio.com · its alternatives →
- 11
Figma 1.0▲705The first interface design tool with real-time collaboration
2016 · figma.com · its alternatives →
- 12
Befront▲444Learn UX/UI design skills in practice with bite-sized tasks
2022 · figma.com · its alternatives →
- 13
- 14
- 15
- 16
- 17
- 18
Create beautiful user flow charts, sitemaps and wireframes
2020 · antforfigma.com · its alternatives →
- 19
Projekt▲128I'm a product designer & front-end engineer who's been building with AI coding agents for the past year and working on teams launching AI products even longer. I always found the tools to be powerful, but the workflow around them lacking. I was constantly bouncing between terminals, browsers, file managers, and a rotating cast of IDEs. Nothing ever hit the right balance of simplicity and control. So, like any completely over-burdened dad and leader, I built my own. Projekt is an agent-agnostic workspace that consolidates everything into one place. Bring your own key, bring your own agent —…
Mar 2026 · getprojekt.com · its alternatives →
- 20
Frontloops▲302Level up your frontend skills with handcrafted tasks
2018 · frontloops.io · its alternatives →
- 21
Use AI to convert Figma designs into clean, responsive code
2023 · builder.io · its alternatives →
- 22IY
Find information, resources and relevant links for codewell.cc. This domain may be for sale.
2021 · codewell.cc · its alternatives →
- 23
Markdown▲84Level up your frontend skills through daily challenges
2023 · markdown.co · its alternatives →
- 24
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →