Frontend Tooling
Showing 36 of 271 projects
A clean, fluent API for defining Gulp tasks for Laravel applications, supporting CSS/JS pre-processors and testing tools.
Automatically generates a style guide and documentation from CSS, SASS, SCSS, Less, and Stylus files.
A lightweight JavaScript library to spotlight DOM elements with an animated overlay on the rest of the page.
A deprecated boilerplate for AngularJS applications using Gulp, Browserify, and SASS with best practices.
A curated collection of webpack plugins, loaders, and tools focused on improving web performance and optimizing bundle size.
A Ruby gem that provides jQuery and jQuery UJS for Rails applications via the asset pipeline.
A Yeoman generator for scaffolding Polymer web component projects and custom elements.
A toolset for creating and using SVG icon components in Vue and React with webpack loader support.
A static package manager for browser-based JavaScript modules and assets.
A curated list of bookmarks, resources, and articles about design systems, focused on developers.
Generate design tokens, export graphics, and extract React components from Figma documents to bridge design and development.
A Sass mixin library for responsive typography and vertical rhythm calculations.
A Webpack-based boilerplate for developing Elm applications with live reloading, asset support, and production bundling.
A Gulp plugin that generates icon font files (TTF, EOT, WOFF, WOFF2, SVG) from multiple SVG icons.
A Gulp plugin that automatically injects JavaScript, CSS, and web component references into HTML and other files.
A Grunt plugin for concatenating files with customizable separators, banners, and source map generation.
A Grunt plugin that minifies CSS files using clean-css to reduce file size and improve website performance.
ESLint plugin with formatting and linting rules to write cleaner, more maintainable Tailwind CSS.
A Gulp plugin for concatenating files in a streaming pipeline with flexible configuration options.
A Gulp plugin that pipes CSS through PostCSS processors with a single parse for efficient CSS transformations.
A collection of Sass utilities to ease and improve implementations of common frontend style-code patterns.
A curated list of awesome Sass resources, including libraries, frameworks, articles, and tools.
A tool to distribute and import Sass files, assets, and JavaScript extensions via npm packages.
A Gulp plugin for minifying HTML files using html-minifier.
A lightweight, unopinionated HTML5 boilerplate for rapid prototyping with PostCSS and live reloading.
Generate interactive line graphs visualizing CSS selector specificity across your stylesheet.
A Gulp plugin that parses HTML build blocks to concatenate and replace references to scripts and stylesheets.
A Vite plugin that loads SVG files as Vue components with built-in SVGO optimization.
A .NET port of the Less CSS preprocessor, adding variables, nested rules, and operators to CSS.
HTML template strings for browser DOM manipulation with server-side rendering support in Node.js.
Generate style guides from CSS comments using Markdown, compatible with PostCSS, Gulp, and Grunt.
Generate CSS styleguides from Markdown documentation and inline CSS comments.
A Grunt plugin that compiles LESS files to CSS with extensive configuration options.
A flexible Sass port of Animate.css providing configurable mixins for CSS animations.
A Sass mixin for generating customizable hamburger menu icons with minimal code.
A curated collection of tools, articles, and resources for Web Components development.
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.