Jan Nicklas

Simplifies creation of HTML files to serve your webpack bundles

A webpack plugin that automatically generates your HTML file and injects the correct script and stylesheet tags for each build, even when filenames change due to content hashing.

Let webpack generate all your favicons and icons for you

text-box-trim examples and playground (previously known as leading-trim)

Write html files to hard disk even when using the webpack dev server or middleware

Generate a cpuprofile for your webpack builds

Simple icon font handling for webpack

React-Scan Chrome Extension to automatically detect and analyze performance issues in any React application

Adds automatically resource hints to your html-files

Comprehensive guide documenting React hydration and Suspense fallback behaviors during SSR

Define CSSVariables in JS

Relay React Concurrency Example

Compare different css approaches

Cross origin web worker

Allows to add entry points with a defined output filename.

an useEffect hook optimized for useRef

Apply sourcemaps for a recorded chrome profile

Convert a nodejs .cpuprofile to a renderable flame graph node

A fast svg image mock placeholder service which can be used as a stand-alone-server or as a express-middleware

`storybook-puppeteer` is a CLI to run end-to-end tests for storybook stories.

I18N - Compile ICU MessageFormat strings to JSON at build time and render them at runtime

basic swc wasm demo for nextjs

Webpack loader for HTL/Sightly data-sly-template templates

Helper to test and measure webpack recompilations

Grunt plugin to get the current git hash, branch and tag

Try to detect possible safari background clip bugs - https://bugs.webkit.org/show_bug.cgi?id=169125

This proof of concept demonstrates the parcel RSC api to cache the App Shell

Small helper to use faker inside your handlebars template

Attemp to use requirejs with modernizr

Simple CSS Sourcemap configuration for CSS, Less, Stylus and Sass

Browser-only React TSX REPL with live preview and real HMR Fast Refresh - no backend

Claude Code Web Terminal - Home Assistant Add-on

A development tool that tracks which React Suspense boundary catches thrown promises for easier debugging

Extracts a flat list of all dependencies and dependents of a given webpack module

Webpack loader to prefix or postfix files

I18n Webpack Key Splitting Experiment for NextJs

PostCSS plugin that puts fonts / and images as data URIs into your CSS

Accessible menu with Aria support

CLI tool for validating GraphQL @catch directive protection

Create a new cpuprofile for the currend node process

A lightweight version of 🐚 zx

extrem lightweight WebWorker react integration

Playground for openType.js and React

Example usage of sass with modenizr and media queries

Allows to exclude css with anotations

A file cache for which will invalidate automatically if the source changes

An experimental webRTC library based on peer.js - for game and collaboration app prototyping

Getting and setting GPIO values for Raspberry Pi / Odroid / BeagleBone

fixes typos when using `yarn <scriptName>`

CSS Loader

No description.

High-performance file watcher with multiple backend options

Switch to main branch, clean up merged branches, and handle dependencies - all in one command

A scroll demo about loading strategies

Reproduction of Webpack 5 CSS order issues in pnpm monorepo when sideEffects: false is set

An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.

Next.js throws NextRscErrClientMetadataExport for virtual CSS module

get the kraken price for a given coin asset pair

Chrome Extension to improve Azures Dev Workflow

QRCodes in your terminal, cause thats hot.

Yarn plugin experiment

Allows to access an insecure HTTPS page over http

Experiment to measure layout recalculations during hydration

Electron git interface

jQuery Vector Map Library

helper module to use terrific in react projects - still alpha - don't use

Convert handlebars to an ecmascript AST

A grunt plugin to wrap file contents with a tpl template

🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).

The React Framework

Repro: Turbopack build rejects global CSS in pages/_app.tsx when next/font is used

The all-in-one Vite plugin for React projects.

Reproduction of RSC Tanstack Start not rendering CSS

Turbopack passes "development" to SWC plugins via TransformPluginMetadataContextKind::Env during next build

CSS Experiment: Scalable headings that perfectly fill the viewport width

A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.

Snowplow event tracker for client-side and server-side JavaScript. Add analytics to your websites, web apps and servers.

An homage to Quake on its 25th anniversary (as webcomponent)

proof-of-concept showing how React Error Boundaries could work during Server-Side Rendering in Next.js without <Suspense>

✂️ Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it!

React Render Loop Tracer – find out which useEffect is calling which setState

Instant-loading web apps, without effort

QWIK Reproduction: SSR dev mode generates incorrect <link> href for virtual CSS modules (missing /@id/ prefix)

Runs the following loaders in a worker pool

Lightweight CSS extraction plugin

PostCSS loader for webpack

Concise, consistent, and legible badges in SVG and raster format

Compare React state management approaches (Context, Jotai, custom) across Next.js routing paradigms with isolated bundle analysis

A minimal StackBlitz compatible, React + Relay GraphQL demo

This repository reproduces a bug in Next.js SWC transforms that causes incorrect CSS-in-JS template literal handling when custom SWC plugins are present

Utility method to run function either synchronously or asynchronously using the common `this.async()` style.

Demo - A React Next.js implementation of a carousel where the last slide is always 50% visible ("peek" effect).

No description.

This repository demonstrates an issue with React Server Components (RSC) dead code elimination in Next.js

Automatically installs and configures next-yak in Next.js projects

This is a minimal reproduction example demonstrating the need for the `cssmodules-pure-no-check` directive in Next.js projects when using CSS Modules

Experiment - HTTPS proxy server for performance testing with configurable body tag delays

As turbo-pack does not support `!=!` in the path, it will throw an error

Relay is a JavaScript framework for building data-driven React applications.

Removes and disables 📜in a "React" way

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

PostCSS plugin for css modules to local-scope classes and ids

Next generation frontend tooling. It's fast!

🔧 💅 Jest utilities for Styled Components

CSS parser / stringifier for Node.js

:owl: Custom jest matchers to test the state of the DOM

Unmaintained! ⚠️ CSS Object Model implemented in pure JavaScript. Also, a CSS parser.

A JavaScript implementation of various web standards, for use with Node.js

A plugin for TypeDoc that exposes a theme and options for rendering markdown.

Cypress Tests to verify INP assumptions

No description.

A stylelint plugin that enforces the use of ampersands in front of pseudo selectors

No description.

Check your npm module for unused dependencies

Reproduction of a webpack importModule loader bug

⚡ Get Pretty Quick

📋 React Hooks for form state management and validation (Web + React Native)

Natural node.js and io.js version manager for windows.

NextJs Minification Regression

Runs puppeteer to get the size of all javascript and css files of a given url.

No description.

No description.

Reproduction for NextJs import issue with CSS-Modules and !=!

Test suites for Web platform specs — including WHATWG, W3C, and others

Lightweight React wrapper for Datatrans Payment Lightbox

The repository for high quality TypeScript type definitions.

A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

TypeScript Compiler API wrapper for static analysis and programmatic code changes.

Demo for Tab Communication using a SharedWorker

Your frontend? Fuel it with Nitro!

No description.

Run a postinstallDev script after installation

Rust-based platform for the Web

SWC Transform to prefix logs. Useful for adding file and line number to logs

Mock implementation of the Next.js Router

The documentation website for the swc project.

A collection of SCSS specific linting rules for stylelint

https://github.com/webpack-contrib/css-loader/issues/1381

A small tool for checking the size of js bundles.

Make your logs more descriptive

Zero-runtime CSS in JS library

A web tool to explore the ASTs generated by various parsers.

:wrench: Build, mock, and stitch a GraphQL schema using the schema language

ICU MessageFormat for Javascript - i18n Plural and Gender Capable Messages

No description.

Webpack loader for https://github.com/jgranstrom/sass-extract

Extract structured variables from sass files

Github Pages hosted REPL for html-webpack-plugin

A simple hook to create infinite scroll list components

↩ Strongly typed, concurrent mode-safe React hooks

Wrapper library for directory and file watching.

ANTLR (ANother Tool for Language Recognition) is a powerful parser generator for reading, processing, executing, or translating structured text or binary files.

experimental cli to launch windows docker images from unix

An HTL (Sightly) Interpreter/Compiler for Node.js

Work with Windows containers and LCOW on Mac/Linux/Windows

minimalistic yamaha electron app for my personal needs

Skip adding certain output files to the html file. Built as a drop-in replacement for html-webpack-exclude-assets-plugin and works with newer html-webpack-plugin versions

Automated auditing, performance metrics, and best practices for the web.

No description.

Embed javascript and css source inline when using the webpack dev server or middleware

No description.

🐠 Babel is a compiler for writing next generation JavaScript.

React wrapper component <Anime /> for animejs

JavaScript animation engine

Webpack loader for HTL/Sightly templates

:microscope: A Ruby library for carefully refactoring critical paths.

a simple zero-configuration command-line http server

🏋️ Find out the cost of adding a new frontend dependency to your project

Read/write/manipulate Sketch files in Node without Sketch plugins!

UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

Official repo of Sitecore JavaScript Services

Webpack stats plugin for build information, file manifests, etc.

React component that monitors when an element enters or leaves the browser viewport.

Standalone parallax scrolling for mobile and desktop with CSS variables.

React horizontal stacked bar responsive chart component

Repository for webpack documentation and more!

React components that implement Google's Material Design.

Dedicated to JavaScript and its awesome community since 2015

:dragon: A tool for managing JavaScript projects with multiple packages.

Prevent window.opener attacks for blank links

file downloading using client-side javascript

node.js example

Temporary css loader bug repository

🌄 Load an image and return a promise in the browser, in 0.3KB, no dependencies

Extract text from bundle into a file.

A CLI for the node-lintspaces module.

Morph your dom with style

Synchronously get the current git commit hash, tag, or branch

Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

utils for webpack loaders

Terrific JavaScript Framework

The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.

JavaScript library to help modern web applications with accessibility concerns

Wrapper for dynamically loading the YouTube iframe api script

less listeners on the window

A command line utility that uses the library that the name that color project (http://chir.ag/projects/ntc/) uses that also provides additional functionality

Simple HTML5 Charts using the <canvas> tag

The last JSON to Sass converter you'll ever need!

Enhances html-webpack-plugin functionality by enabling inline styles.

allow to lint preprocessed css

Lodash html template loader for webpack