Frontend Tooling
Showing 36 of 356 projects
A Gulp plugin for creating SVG sprites and compiling them to <symbols> or <defs> with CSS generation.
HTML preprocessor that decorates img tags with base64 placeholders for faster perceived image loading.
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 Sass mixin that warns about deprecated UI code and provides a clear upgrade path for developers.
A Gulp plugin that inlines CSS into HTML style attributes, optimized for email templates and performance.
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 set of principles and coding styles for writing consistent, clean, and maintainable Sass code.
A Gulp plugin that logs file sizes in your build pipeline with compression and formatting options.
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.
AI-powered Storybook story generator that works with any JavaScript framework and LLM provider.
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.
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 CLI tool that compresses PNG, JPEG, GIF, and SVG images and creates AVIF/WebP versions for web optimization.
A Composer plugin that automatically manages NPM/Yarn/pnpm dependencies for PHP projects and libraries.
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.