Frontend Tooling
Showing 36 of 271 projects
A Gulp plugin for precompiling Handlebars templates for use in browser and Node.js applications.
A Gulp.js workflow for building HTML email templates with SCSS preprocessing and CSS inlining.
A Node.js library that transforms modern CSS to ensure compatibility with all browsers.
Grunt plugin to extract and inline critical-path CSS from HTML for improved page load performance.
A browser extension that adds a DevTools panel for inspecting and modifying Web Components' attributes, properties, and events.
A Gulp plugin to compile and precompile Nunjucks templates for static site generation and build pipelines.
Load one or more images in the browser and return a promise, with support for custom attributes.
A Gulp plugin for compiling Handlebars templates into static HTML, designed as a sane static site generator.
A Yeoman generator that creates Jekyll-based Progressive Web Apps with modern tooling and automated workflows.
A Sublime Text 3 plugin that automatically reloads web pages and compiles preprocessors like Sass and Less on file save.
A Gatsby starter that ports the WordPress Twenty Twenty theme to a modern static site architecture.
A CLI tool for frontend JavaScript developers to configure and integrate AWS Mobile Hub services into their applications.
A robust and optimized ES3-compatible polyfill for the ECMAScript 6 String.prototype.startsWith method.
An Ember addon for configuring web app manifests and meta tags to create Progressive Web Applications.
A Yeoman generator for scaffolding front-end web apps with AngularJS, Gulp, and Browserify.
A WordPress plugin that generates BEM-compliant CSS classes for navigation menus, replacing WordPress's default menu markup.
A Next.js plugin that integrates PurgeCSS to automatically remove unused CSS and reduce bundle sizes.
A modular CSS grid system built with Lost and BEM methodology for flexible, responsive layouts.
A browser extension that visualizes web performance budgets using a nutrition label metaphor.
A Web Component library and toolkit for building bespoke design systems with modern tooling.
A scaffolding utility that automates local development setup and builds static vanilla-JS sites with webpack.
Analyzes bundle sizes and contents for broccoli-concat-based build chains with raw, uglified, and compressed metrics.
A Node.js module to remove comments from CSS with options to preserve important ones or use custom rules.
A Chrome DevTools extension for profiling web component lifecycle callbacks and Polymer databinding performance.
Ruby bindings for the LESS CSS preprocessor, enabling dynamic stylesheet compilation in Ruby applications.
A Grunt plugin that converts images to WebP format with extensive compression options.
A CLI tool to build, test, and publish vanilla Web Components with TypeScript and lit-html.
A linter for Polymer projects that catches errors before running code.
A Node.js utility that converts Unicode emoji characters to HTML image tags with high-resolution sprites.
A React SPA boilerplate with Redux, Router, Webpack, Babel, Express, and Ant Design for rapid development.
An ESLint plugin providing linting rules for Scoped CSS in Vue.js single-file components.
A Gulp plugin to concatenate Web Components into a single file using Vulcanize.
A PostCSS plugin that generates Elm modules from your Tailwind CSS configuration for type-safe styling.
A curated list of awesome Browserify resources, libraries, and tools for bundling Node.js modules in the browser.
A webpack loader that enables seamless integration of web components (Polymer, x-tags) with hot code reload support.
Analyze the size and contents of your Ember app's bundles using an interactive zoomable treemap.
Related Tags
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.