Context Awesome

awesome-frontend

github.com/digitoimistodude/awesome-frontend ↗

😎 Awesome list about all things in front end we use here at Dude

13

GitHub Stars

95

Curated Resources

10

Categories

2 hours ago

Last Refreshed

CSSSVGTypographyBlogsInspiration and library resourcesVanilla JavaScriptAnimationsTesting & OptimizationPhotos and videosTools

Use this list with your AI agent

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

"Show me accessibility resources from awesome-frontend"

Installation instructions →

What's inside

Testing & Optimization

alixAccessibility
aXeAccessibility
doiuseLinters
ESLintLinters
Google PageSpeed InsightsPerformance and website loading speed
GTMetrixPerformance and website loading speed

Tools

AmphetamineProductivity
Bracket Pair Colorizer 2Visual Studio Code extensions for front end design
colorizeVisual Studio Code extensions for front end design
ColorSnapperFront end design mac apps
CSS var hintVisual Studio Code extensions for front end design
doiuseVisual Studio Code extensions for front end design

Animations

SVG

BlobmakerCSS/SVG generators
BlobsCSS/SVG generators
CSS.ggOpen source SVG icon packs
FeatherOpen source SVG icon packs
Get WavesCSS/SVG generators
Hero iconsOpen source SVG icon packs

Inspiration and library resources

Vanilla JavaScript

Cookie consentModals
glightboxModals
macy.jsFor building layouts
MicromodalModals

CSS

CSS ReferenceGrid tutorials
Flexbox.ioGrid tutorials
Flexbox ZombiesGrid tutorials
HTML ReferenceGrid tutorials
Layoutit GridCSS Grid tools
Learn CSS GridGrid tutorials

Blogs

CSS-Tricks

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