Resources
A curated collection of free and open-source tools for FrontEnd development. These are applications and resources that have proven genuinely useful in real projects.
Documentation
📖
DevDocs
Unified API documentation browser with offline support
📚
MDN Web Docs
Comprehensive documentation for HTML, CSS, JavaScript, and web APIs
🏷️
Schema.org
Structured data vocabulary for SEO and rich results
🌐
W3C
World Wide Web Consortium - Web standards and specifications
✅
W3C Validator
Validate HTML, CSS, and markup for standards compliance
♿
WCAG 2.2
Web Content Accessibility Guidelines - Quick reference
Development Tools
🌐
Browserslist
Share target browsers and Node.js versions between tools
🥟
Bun
Fast all-in-one JavaScript runtime and package manager
🖥️
Caddy
Modern web server with automatic HTTPS
🦕
Deno
Secure JavaScript and TypeScript runtime with built-in tools
🐳
Docker
Platform for building and running containerized applications
🏗️
esbuild
Extremely fast JavaScript bundler and minifier
🔧
Git
Distributed version control system for tracking code changes
🐙
GitHub
Code hosting platform with version control and collaboration
📦
Node.js
JavaScript runtime for server-side and tooling development
🤖
Pi Mono
CLI tool for managing and interacting with AI models
⏱️
Turborepo
High-performance build system for monorepos
💻
VSCodium
Binary releases of VS Code without Microsoft telemetry
Code Quality
🔬
Cypress
Fast, easy and reliable end-to-end testing for web
🔍
ESLint
Pluggable JavaScript linting utility for finding problems
🐶
Husky
Git hooks manager for running scripts before commits
😂
Jest
Delightful JavaScript testing framework with focus on simplicity
✨
Prettier
Opinionated code formatter for consistent style
🎨
Stylelint
Modern CSS linter for avoiding errors and enforcing conventions
Design Tools
🧊
Blender
Complete 3D creation suite for modeling and animation
✏️
Excalidraw
Virtual whiteboard for sketching and collaboration
🖊️
Inkscape
Professional vector graphics editor for SVG creation
🎨
Krita
Digital painting application for concept art
📐
Penpot
Open-source design and prototyping platform
📷
RawTherapee
Cross-platform raw photo processing program
Fonts
🅰️
Hyperlegible Fonts
Free accessible fonts designed for low vision readers
🖋️
Fontshare
Free high-quality fonts from Indian Type Foundry
🔤
Google Fonts
Free library of licensed fonts for web and print
🏭
Open Foundry
Curated collection of open-source typefaces
Icons
🪶
Feather Icons
Simple, clean open-source SVG icon set
🔷
Material Symbols
Google's comprehensive icon library with variable font
🎯
Material Design Icons
Community-maintained icon collection with 7000+ icons
🔶
Phosphor Icons
Flexible icon family for interfaces, diagrams, and more
Online Tools
🔍
Can I Use
Browser support tables for HTML, CSS, and JavaScript
🔎
Google Search Console
Monitor and optimize search presence
🤗
Hugging Face
AI models, datasets, and demos for machine learning
📋
JSONLint
JSON validator and formatter for debugging
⚡
Lighthouse
Automated tool for improving web page quality
🔎
Regex101
Regular expression tester with explanations
🧪
Rich Results Test
Test structured data for Google rich results
🌊
WAVE
Web accessibility evaluation tool
📊
web.dev
Google's guidance for building modern web experiences
Browser DevTools
🔧
Chrome DevTools
Built-in browser tools for debugging and profiling
🦊
Firefox Developer Edition
Built for developers with advanced tools
🧭
Web Inspector
Safari's built-in web development tools