Life & fun · alternatives · 2026

24 alternatives to The Introduction to the Frontend

A detailed roadmap and explanation of the Frontend

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. The Introduction to the Frontend launched in 2023; newer entries below may have overtaken it.

1
Frontend 50▲90
The most complete frontend learning guide!
2020 · chromewebstore.google.com · its alternatives →
2
A collection of front end Learning Resources▲58
A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! 🚀 - requestly/awesome-frontend-resources
2024 · github.com · its alternatives →
3
Visual Roadmaps for the Web Development Landscape▲21
Interactive roadmaps, guides and other educational content to help developers grow in their careers. - developer-roadmap/readme.md at master · nilbuild/developer-roadmap
2018 · github.com · its alternatives →
4MW
My weekend project, Frontends – a Hacker News for Front-end developers▲56
2014 · frontends.org · its alternatives →
5
CodeAnalogies▲167
Visual explanations of web development topics
2018 · codeanalogies.com · its alternatives →
6
Frontend Development Launchpad▲85
The ultimate study plan for complete beginners
2023 · squidandfish.gumroad.com · its alternatives →
7
Frontend Development Roadmap▲1
Frontend Development Roadmap
2024 · shreyvijayvargiya.gumroad.com · its alternatives →
8
Ultimate Frontend Development Roadmap▲3
Roadmap to master frontend development with top resources.
2022 · shreyvijayvargiya.gumroad.com · its alternatives →
9
Frontend Toolkit▲298
Dashboard for your recurring Frontend tasks
2021 · fetoolkit.io · its alternatives →
10
Frontloops▲302
Level up your frontend skills with handcrafted tasks
2018 · frontloops.io · its alternatives →
11
Frontend Center▲105
Screencasts on the web platform for web professionals.
2017 · frontend.center · its alternatives →
12
Frontend Toolbox▲194
A list of handpicked resources for frontend developers
2021 · its alternatives →
13
HTML and CSS: Interactive Projects▲100
Embrace the digital frontier with this comprehensive guide
2023 · matheusmello.gumroad.com · its alternatives →
14AI
An interactive guide to how browsers work▲302
A guide on how browsers work.
Jan 2026 · howbrowserswork.com · its alternatives →
15
Frontend Mastery▲7
Frontend learning redefined: build, test, and grow fast
2025 · frontend-mastrery.netlify.app · its alternatives →
16
Frontendor UI Library▲134
Create landing pages quickly by copy-paste
2020 · frontendor.com · its alternatives →
17
Frontend Developer Checklist▲14
Jumpstart frontend dev with our concise, user-friendly guide
2023 · namya.lemonsqueezy.com · its alternatives →
18
Fast▲123
Develop, build, deploy, and teardown frontend projects fast.
2020 · github.com · its alternatives →
19
Frontend Mentor▲262
Improve your coding skills by building real projects
2020 · frontendmentor.io · its alternatives →
20
Frontends▲93
A community for front-end developers
2014 · its alternatives →
21
Ranktutorials▲110
Feed of web development tutorials 🛠️
2018 · its alternatives →
22
Complete Front-end Developer Roadmap▲1
Roadmap to become Future Front-end Developer
2022 · richwebdeveloper.gumroad.com · its alternatives →
23
ClearCut FullStack Developer Roadmap▲94
2021 full stack developer roadmap with 300+ resources
2021 · mdjunaidap.gumroad.com · its alternatives →
24
FrontendSource▲124
Curated dev & designer resources updated weekly
2020 · frontendsource.com · its alternatives →

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 →