Frontend Tooling
Showing 36 of 271 projects
HTML preprocessor that decorates img tags with base64 placeholders for faster perceived image loading.
A Gulp plugin for creating SVG sprites and compiling them to <symbols> or <defs> with CSS generation.
An unopinionated, scalable Tailwind CSS plugin for theming via CSS variables with automatic variants and unlimited themes.
A library that simplifies creating CSS polyfills by handling CSS parsing, media queries, and rule matching boilerplate.
A collection of custom node-sass importers enabling selector-specific imports, filtering, globbing, and single-import logic.
A streamlined, tool-agnostic CSS Modules implementation with composition, scoping, and values.
A Gulp plugin for rendering and precompiling Lodash/Underscore templates in HTML files.
A web component for generating API documentation and live playgrounds from Custom Elements Manifest JSON.
A JavaScript library for asynchronous functional programming that treats promises as values.
Grunt plugin for automated screenshot comparison to detect layout regressions across different screen sizes and URLs.
A starting point for creating reusable Polymer elements with built-in tooling support.
A Gulp plugin that inlines CSS into HTML style attributes, optimized for email templates and performance.
A Sass mixin that warns about deprecated UI code and provides a clear upgrade path for developers.
A Gulp plugin that automatically adds AngularJS dependency injection annotations using ng-annotate.
A Rails asset pipeline wrapper for TypeScript that enables .ts file compilation in the Asset Pipeline and ActionView templates.
An Ember addon providing a visual workflow and helper for embedding optimized SVG images in templates.
A browserify plugin that bundles CSS from npm modules, enabling CSS dependencies alongside JavaScript.
A Gulp plugin that removes console, alert, and debugger statements from JavaScript code for production builds.
A comprehensive collection of Webpack interview questions and answers for interview preparation and knowledge testing.
A Gulp plugin that logs file sizes in your build pipeline with compression and formatting options.
A set of principles and coding styles for writing consistent, clean, and maintainable Sass code.
A Builder pattern for cleanly managing conditional CSS classes in ASP.NET Razor Components.
A UI component explorer for Elm applications, inspired by React Storybook, to showcase views and states.
A Vite plugin that compiles Elm applications, documents, or elements with hot module replacement and asset handling.
A Gulp plugin that inlines JavaScript, CSS, and image resources flagged with an 'inline' attribute into HTML files.
A Grunt plugin that compiles ES6 JavaScript into ES5 using Google's Traceur compiler.
A webpack-based GUI tool for front-end plugin scaffolding and development with visual configuration.
Sublime Text plugin that automatically compiles LESS files to CSS on save.
A lightweight library that normalizes nested GraphQL responses into flat, key-value objects for efficient client-side caching.
A lazy image loader that enforces progressive enhancement and valid HTML by loading images from noscript tags.
A webpack loader for compiling PureScript modules with support for hot-reloading and dead code elimination.
AI-powered Storybook story generator that works with any JavaScript framework and LLM provider.
A custom HTML element that displays Core Web Vitals metrics directly on web pages for real-time performance monitoring.
A fast and reliable watch mode tool for Elm that recompiles on file changes and reloads the browser.
A Composer plugin that automatically manages NPM/Yarn/pnpm dependencies for PHP projects and libraries.
A CLI tool that compresses PNG, JPEG, GIF, and SVG images and creates AVIF/WebP versions for web optimization.
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.