awesome-frontend-list
github.com/kamilsobik/awesome-frontend-list ↗Awesome frontend list
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me helpful links resources from awesome-frontend-list"
Installation instructions →What's inside
Helpful links
- Animista
CSS Animation for website
- AOS
Animate On Scroll Library
- Can I use
Useful resource for checking browser support for different HTML, CSS, and JavaScript features
- Fontawesone
Free icon datebase
- FreeCodeCamp
Community of people from all around the world who are learning to code together
- Iconify
Very big icon datebase with SVG files
Challenges
- Codepen Challenges
Challenges are fun opportunities for leveling up your skills by building things.
- Code Wars
Website that offers users the opportunity to learn coding skills from scratch
- CSS Battle
is a fun, online game where players compete to create the closest visual match to a given design using HTML and CSS
- Dev Challenges
Website that offers coding challenges and projects for developers to improve their skills, build their portfolios, and connect with other developers
- Javascript 30
It’s a 30-day vanilla JS coding challenge
CSS
- CSS Tricks
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development
- Flexbox
Game for learning flexbox
- Grid
Game for learning Grid
- SASS
SASS documentation
JavaScript
- ECMAScript News
Stay up-to-date on JavaScript and tools
- Eloquent JavaScript
This is a book about JavaScript, programming, and the wonders of the digital
- ES2015+ cheatsheet
A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond
- JavaScript course
The Complete JavaScript Course 2023: From Zero to Expert!
- JavaScript DevDocs
JavaScript documentation
- JavaScript Full Course (2023)
JavaScript Full Course (2023) - Beginner to Pro
Frameworks
- Ember.js
Ember.js is a productive, battle-tested JavaScript framework for building modern web applications
- Learn TypeScript – Full Tutorial
Learn how to program with TypeScript in this full course for beginners. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript
- Next.js
Is a React framework that gives you building blocks to create web applications
- Next.js 13 course
The Next.js 13 Bootcamp - The Complete Developer Guide
- React
The library for web and native user interfaces
- React course
React - The Complete Guide 2023 (incl. React Router & Redux)
HTML
- HTML DevDocs
HTML documentation
- MMCSchool
Very usefull courses - HTML, CSS, SASS and RWD
TypeScript
- Learn Typescript tutorial - 3-hour interactive tutorial
A hands-on course giving you the basics of TypeScript while you build a real-world-style couchsurfing app
- Roadmap
TypeScript roadmap
- TypeScript docs
TypeScript documentation
- TypeScript the complete developers guide
Master Typescript by learning popular design patterns and building complex projects. Includes React and Express
- Understanding TypeScript
Boost your JavaScript projects with TypeScript: Learn all about core types, generics, TypeScript + React or Node & more
Showing a sample of 47 resources. View the full list on GitHub →