// Frontend Development

Comprehensive collection of frontend development tools, frameworks, and resources. From modern JavaScript frameworks to CSS preprocessors and testing tools.

30+
Tools & Frameworks
6
Categories
15+
Years Experience
100%
Handpicked

Frontend Frameworks

Modern JavaScript frameworks for building user interfaces

React
JavaScript library for building user interfaces
Library Intermediate
Key Features:
Component-based Virtual DOM JSX Hooks Ecosystem
Explore Tool
Vue.js
Progressive JavaScript framework for building UIs
Framework Beginner
Key Features:
Template Syntax Reactivity Components CLI Ecosystem
Explore Tool
Angular
Platform for building mobile and desktop web applications
Framework Advanced
Key Features:
TypeScript Dependency Injection CLI RxJS Testing
Explore Tool
Svelte
Component framework that compiles to vanilla JavaScript
Framework Intermediate
Key Features:
No Virtual DOM Compile-time Small Bundle Reactive TypeScript
Explore Tool
Next.js
React framework for production with server-side rendering
Framework Intermediate
Key Features:
SSR SSG API Routes Image Optimization Performance
Explore Tool
Nuxt.js
Vue.js framework for building modern web applications
Framework Intermediate
Key Features:
SSR Static Generation Modules Auto-imports Performance
Explore Tool

CSS Frameworks & Preprocessors

CSS frameworks, preprocessors, and styling solutions

Tailwind CSS
Utility-first CSS framework for rapid UI development
Framework Beginner
Key Features:
Utility-first Responsive Customizable JIT Components
Explore Tool
Bootstrap
Popular CSS framework for responsive web design
Framework Beginner
Key Features:
Grid System Components Responsive Icons Themes
Explore Tool
Material-UI
React components implementing Material Design
Component Library Intermediate
Key Features:
Material Design React Theming Components Accessibility
Explore Tool
Sass
CSS preprocessor with variables, nesting, and mixins
Preprocessor Beginner
Key Features:
Variables Nesting Mixins Functions Partials
Explore Tool
Styled Components
CSS-in-JS library for styling React components
Library Intermediate
Key Features:
CSS-in-JS Dynamic Styling Theming Server-side Performance
Explore Tool

Build Tools & Bundlers

Tools for building, bundling, and optimizing frontend applications

Webpack
Module bundler for modern JavaScript applications
Bundler Advanced
Key Features:
Module Bundling Code Splitting Loaders Plugins Hot Reload
Explore Tool
Vite
Next generation frontend tooling with fast HMR
Build Tool Intermediate
Key Features:
Fast HMR ES Modules TypeScript Plugins Optimized Build
Explore Tool
Parcel
Zero-configuration web application bundler
Bundler Beginner
Key Features:
Zero Config Fast Hot Reload Code Splitting Tree Shaking
Explore Tool
Rollup
Module bundler for libraries and applications
Bundler Intermediate
Key Features:
Tree Shaking ES Modules Plugins Library Optimized
Explore Tool
esbuild
Extremely fast JavaScript bundler and minifier
Bundler Intermediate
Key Features:
Extremely Fast Go-based TypeScript JSX Minification
Explore Tool

Testing Frameworks

Tools for testing frontend applications

Jest
JavaScript testing framework with built-in assertions
Testing Framework Intermediate
Key Features:
Unit Testing Mocking Snapshots Coverage Watch Mode
Explore Tool
Cypress
End-to-end testing framework for web applications
E2E Testing Intermediate
Key Features:
E2E Testing Visual Testing Debugging Time Travel Real Browser
Explore Tool
Playwright
End-to-end testing for modern web apps
E2E Testing Intermediate
Key Features:
Multi-browser Auto-wait Network Interception Mobile API Testing
Explore Tool
Testing Library
Simple and complete testing utilities
Testing Utilities Beginner
Key Features:
User-centric Accessible Framework Agnostic Simple API Best Practices
Explore Tool

State Management

Libraries for managing application state

Redux
Predictable state container for JavaScript apps
State Management Advanced
Key Features:
Predictable Time Travel Middleware DevTools Immutable
Explore Tool
Zustand
Small, fast and scalable state management solution
State Management Beginner
Key Features:
Simple TypeScript No Boilerplate DevTools Middleware
Explore Tool
MobX
Simple, scalable state management
State Management Intermediate
Key Features:
Reactive Simple Performance TypeScript DevTools
Explore Tool
Recoil
Experimental state management library for React
State Management Intermediate
Key Features:
React Native Atoms Selectors Async DevTools
Explore Tool

Performance & Optimization

Tools for optimizing frontend performance

Lighthouse
Automated auditing tool for web page quality
Auditing Tool Beginner
Key Features:
Performance Accessibility SEO Best Practices PWA
Explore Tool
WebPageTest
Performance testing and optimization tool
Performance Tool Intermediate
Key Features:
Real-world Testing Waterfall Charts Video Multiple Locations Custom Scripts
Explore Tool
Bundle Analyzer
Visualize bundle contents and find optimization opportunities
Analysis Tool Intermediate
Key Features:
Bundle Visualization Size Analysis Tree Shaking Code Splitting Dependencies
Explore Tool
Workbox
Libraries for adding offline support to web apps
PWA Tool Intermediate
Key Features:
Service Workers Caching Offline Background Sync Push Notifications
Explore Tool