Skip to main content

Awesome frontend list

2
GitHub Stars
47
Curated Resources
7
Categories
21 hours ago
Last Refreshed
HTMLCSSJavaScriptTypeScriptFrameworksChallengesHelpful links

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

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

TypeScript

Showing a sample of 47 resources. View the full list on GitHub →