Frontend Tooling
Showing 36 of 356 projects
A Ruby gem that parses CSS/JS comments to generate customizable style guide documentation from markdown.
A browserify development server for rapid prototyping with incremental reloading and LiveReload integration.
A Guard plugin that automatically reloads your browser when view files are modified during development.
A JavaScript library for managing CSS animations with stacking, cross-browser blur effects, and callbacks.
A Vite plugin for developing and building userscripts with modern tooling and full TypeScript support.
A tool for transforming and formatting design tokens into platform-specific code.
A Sass library for generating modular scales to create harmonious typography and spacing in web design.
A performance runner that collects detailed traces and reports for JavaScript libraries and applications using Chrome.
A Svelte preprocessor with sensible defaults and support for PostCSS, SCSS, Less, Stylus, CoffeeScript, TypeScript, Pug, and Babel.
A lightweight CSS preprocessor supporting nesting, vendor prefixing, minification, and a modular middleware architecture.
A lean, hackable, and extensible slide deck framework for creating presentations with HTML, CSS, and JavaScript.
A lightweight, fast embedded JavaScript template engine for Node.js, Deno, and the browser, written in TypeScript.
A collection of LESS mixins and variables for writing better CSS, serving as a lightweight precursor to Bootstrap.
A Webpack plugin that tracks compressed asset sizes and shows changes between builds.
A Node.js tool for crawling websites to find unused and duplicate CSS selectors.
A Ruby gem that integrates Tailwind CSS with the Rails asset pipeline, providing a seamless workflow for utility-first CSS in Rails applications.
Integrates Vite.js with Ruby frameworks like Rails and Hanami for fast JavaScript development and asset bundling.
A Gulp plugin that compiles Sass/SCSS files to CSS using Dart Sass, Embedded Sass, or Node Sass.
A visual REPL-like interface for ClojureScript that lets developers interactively test and display code examples in a browser.
A Hugo boilerplate with Webpack asset pipeline for building static websites with modern JavaScript and CSS.
A small set of helpers for working with the Navigation Timing API to measure web application performance.
A command-line tool for creating front-end projects from templates, adding dependencies from GitHub, and automating tasks.
A jQuery-based feature tour plugin for creating interactive site walkthroughs and tutorials.
A JavaScript library that injects CSS directly into the DOM, allowing you to write styles as JavaScript objects.
A Gulp plugin that integrates Babel to transpile next-generation JavaScript for current environments.
A style guide generator that creates living style guides from stylesheets using KSS notation and integrates with Gulp, Grunt, or CLI.
A development tool that reveals the Rails views, partials, and templates behind your UI with an overlay.
A Ruby gem that automatically adds vendor prefixes to CSS rules using values from the Can I Use database.
A Grunt plugin for minifying PNG, JPG, GIF, and SVG images using imagemin.
Extend the Angular CLI's default build behavior without ejecting, enabling custom webpack configurations and single-bundle builds.
A bundler for Polymer projects that inlines HTML imports to reduce network requests.
A bookmarklet and browser extension that analyzes web page performance using the Resource Timing, Navigation Timing, and User-Timing APIs.
Automatically injects Bower package dependencies into your HTML, Jade, Sass, and other source files.
Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.
Code generators that convert abstract UIDL definitions into React, Vue, Angular, and other framework components and projects.
Adds source map support to Gulp.js build pipelines for debugging minified or transpiled code.
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.