Top 12 Open-Source Alternatives to Frontend Mentor

Frontend Mentor

Supercharge your front-end skills by building in a real-life workflow. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional quality designs.

89 mentions

Post a review

Add video

Visit website Status Page

Verify Frontend Mentor Edit

Product categories

AI Books CSS Framework Design Tools Developer Tools Education Online Courses Online Education Online Learning Programming Software Development Text Editors

Summary

The top open-source alternatives to Frontend Mentor are Good Code, Codewars, and LeetCode. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Good Code Landing Page
1

Good Code

Free front end coding challenges
Pricing:
- Open Source
- Free
- Free Trial
#Design Tools #Developer Tools #Online Learning 1 social mentions
Codewars Landing Page
2

Codewars

Achieve code mastery through challenge.
Pricing:
- Open Source
#Online Learning #Online Education #Online Courses 160 social mentions
LeetCode Landing Page
3

LeetCode

Practice and level up your development skills and prepare for technical interviews.
Pricing:
- Open Source
#Online Education #Online Learning #Online Courses 519 social mentions
Exercism Landing Page
4

Exercism

Download and solve practice problems in over 30 different languages.
Pricing:
- Open Source
#Online Learning #Online Education #Online Courses 300 social mentions
The Odin Project Landing Page
5

The Odin Project

How it works. This is the website we wish we had when we were learning on our own. We scour the internet looking for only the best resources to supplement your learning and present them in a logical order.
Pricing:
- Open Source
#Online Learning #Online Courses #Online Education 233 social mentions
Flexbox Froggy Landing Page
6

Flexbox Froggy

A game for learning CSS flexbox
Pricing:
- Open Source
#CSS Tools #Online Education #Design Tools 253 social mentions
Visual Studio Code Landing Page
7

Visual Studio Code

Build and debug modern web and cloud applications, by Microsoft
Pricing:
- Open Source
#Text Editors #IDE #Software Development 1032 social mentions
Eloquent JavaScript Landing Page
8

EJS

Eloquent JavaScript

Free ebook for the JS Beginners
Pricing:
- Open Source
#Software Development #Text Editors #Developer Tools 210 social mentions
Materialize CSS Landing Page
9

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Design Tools #Developer Tools 25 social mentions
Scrimba Landing Page
10

Scrimba

Interactive coding screencasts created in an instant
Pricing:
- Open Source
#Online Learning #Education #Online Courses 143 social mentions
This Person Does Not Exist Landing Page
11

This Person Does Not Exist

Computer generated people. Refresh to get a new one.
Pricing:
- Open Source
#AI #Design Tools #Website Design 1047 social mentions
GitHub Hovercard Landing Page
12

GitHub Hovercard

GitHub Hovercard provides neat hovercards for GitHub.
Pricing:
- Open Source
#Git #Developer Tools #Software Development 1 social mentions