Front End Platform Tooling
Learn about the various tools and technologies in the front end platform ecosystem that are available to help you build, test, and deploy your applications.
Frameworks
Frameworks offer structured environments for building web applications, equipped with pre-built components and tools to simplify development. The right framework for a project depends on the specific needs of the application, such as interactivity level, content volume, and performance requirements. For interactive applications, choose a framework with robust features and a strong ecosystem. For simpler, static sites, a lighter framework that optimizes for quick loading and ease of use may be more suitable. When selecting a framework, consider factors like project requirements, developer experience, and community support to ensure efficient development and maintenance.
Astro
The web framework for content-driven websites. Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Angular
Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript and other languages.
Next
Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.
Nuxt
The Intuitive Vue Framework. Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.
React
React is a free and open-source front-end JavaScript library for building user interfaces based on components.
Solid
Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions.
Svelte
Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.
Vue
An approachable, performant and versatile framework for building web user interfaces.
Build Tools
Build tools automate the process of turning source code into production-ready scripts and stylesheets by handling tasks such as bundling, minification, and transpilation. They help optimize development workflows and ensure that applications perform efficiently on the web.
Vite
A build tool that aims to provide a faster and leaner development experience for modern web projects.
Babel
Babel is a tool that helps you write code in the latest version of JavaScript. When your supported environments don't support certain features natively, Babel will help you compile those features down to a supported version.
ESBuild
An extremely fast bundler for the web
Parcel
Parcel is a zero configuration build tool for the web. It combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
Rolldown (in development)
Rolldown is a JavaScript bundler written in Rust intended to serve as the future bundler used in Vite. It provides Rollup-compatible APIs and plugin interface, but will be more similar to esbuild in scope.
Rollup
Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
Snowpack
Snowpack is a lightning-fast frontend build tool, designed to leverage JavaScript's native module system (known as ESM).
SWC
SWC is an extensible Rust-based platform for the next generation of fast developer tools. SWC can be used for both compilation and bundling.
Turbopack
Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust.
Webpack
Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Design Systems
Design systems consist of reusable components and standards for design and code. These systems enable teams to build consistent, scalable, and high-quality user interfaces across products.
Mantine
Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.
Material UI
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
Radix UI
An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.
React Aria
Craft world-class accessible components with custom styles. Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.
shadcn
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Testing
Testing tools help ensure the quality and functionality of web applications by automating the testing process. These tools can simulate user interactions, check code for errors, and verify that components behave as expected under various conditions.
Storybook
Storybook is a frontend workshop for building UI components and pages in isolation.
Chromatic
Chromatic is a visual testing & review tool that scans every possible UI state across browsers to catch visual and functional bugs.
Cypress
With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.
Jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
Vitest
Next generation testing framework powered by Vite.
Styling
Styling tools assist developers in designing and managing the look and feel of web applications. They range from CSS frameworks that provide ready-to-use stylesheets to preprocessors and libraries that offer advanced features like variables and mixins.
Lightning CSS
An extremely fast CSS parser, transformer, and minifier written in Rust. Use it with Parcel, as a standalone library or CLI, or via a plugin with any other tool.
PostCSS
A tool for transforming CSS with JavaScript plugins.
Tailwind CSS
A utility-first CSS framework for rapidly building custom user interfaces.
Vanilla Extract
Zero-runtime Stylesheets in TypeScript. Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.
Linters & Formatters
Linters and formatters are tools that analyze code for potential errors, style inconsistencies, and enforce coding standards. They help maintain code quality, enhance readability, and reduce bugs in development.
ESLint
ESLint statically analyzes your code to quickly find problems. It is built into most text editors and you can run ESLint as part of your continuous integration pipeline.
Biome
A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.
Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Stylelint
A mighty CSS linter that helps you avoid errors and enforce conventions.
TypeScript ESLint
The tooling that enables ESLint and Prettier to support TypeScript.
Package Managers
Package managers simplify the process of managing project dependencies and libraries. They automate the installation, upgrading, and configuration of packages, making it easy to manage complex projects.
JSR
The open-source package registry for modern JavaScript and TypeScript.
npm
npm is the default package manager for the JavaScript runtime environment Node.js and is included as a recommended feature in the Node.js installer.
pnpm
Fast, disk space efficient package manager
Yarn
Yarn is a package manager that doubles down as project manager.
Runtimes
Runtimes are environments where JavaScript code executes. They provide the necessary infrastructure to run JavaScript code outside of browsers, such as on servers or in other computing environments.
Bun
Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one.
Deno
Deno is the open-source JavaScript runtime for the modern web. Built on web standards with zero-config TypeScript, unmatched security, and a complete built-in toolchain, Deno is the easiest, most productive way to JavaScript.
Node.js
Node.js is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
Last updated: