awesome-frontend

Awesome frontend, also my collections.

705

GitHub Stars

182

Curated Resources

Use this list with your AI agent

Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:

"Show me editor resources from awesome-frontend"

aceEditor
Ace is a standalone code editor written in JavaScript.
amplitudejsMultimedia
Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
animeAnimation
Anime is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.
BizChartsData Visualization
Powerful data visualization library based on G2 and React.
Chart.jsData Visualization
Simple HTML5 Charts using the
chartsData Visualization
Simple, responsive, modern SVG Charts with zero dependencies.

AgnosticUICSS Frameworks
Accessible React component primitives that also work with Vue 3, Svelte, and Angular
AmazeUICSS Frameworks
A mobile-first and modular front-end framework.
Animate.cssCSS Animation
A cross-browser library of CSS animations.
Animation MenusCSS Animation
Collection of HTML and CSS menu with little JavaScript: accordion, circular, dropdown, fullscreen, horizontal, mobile, off-canvas, side, toggle and sliding.
BootstrapCSS Frameworks
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
bootstrap-material-designCSS Frameworks
Material design theme for Bootstrap 3.

Airbnb JavaScript Style GuideCode Style
AngularJSAngular
AngularJS 2Angular
Angular Style GuideAngular
A starting point for Angular development teams to provide consistency through good practices.
aureliaAurelia
The aurelia framework brings together all the required core aurelia libraries into a ready-to-go application-building platform.
Awesome ReactReact
A collection of awesome things regarding React ecosystem.

Can I Use
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Modernizr
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user's browser.

Collect UI
Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.
colour code
Find your colour scheme.
Material design
WEB色見本原色大辞典
日本の伝統色
The traditional colors of Japan.

ConvertICOIcon Sites
ConvertICO is a free online ICO/PNG file converter.
EntypoIcon Fonts
411 carefully crafted premium pictograms by Daniel Bruce — CC BY-SA 4.0.
eva-iconsSVG Icons
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
Evil IconsSVG Icons
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN.
FeatherSVG Icons
Simply beautiful open source icons.
Font-AwesomeIcon Fonts
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

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