My Projects

CLIs

• ci - run npm ci using the appropriate Node package manager (npm, yarn, pnpm)
• deps - use V8 to identify which package dependencies are being executed
• i-peers - install your npm package's peerDependencies
• pkg-size - measure the size of your npm package distribution

Data

• minification-benchmarks - compare performance across popular JS minifiers
• rollup-playground - play with and learn about different Rollup configurations
• webpack-playground - play with and learn about different Webpack configurations

Markdown It!

• markdown-it-add-attrs - add attributes to every markdown element

Miscellaneous

• bfs - find the path to a value in a complex JavaScript object
• cli-simple-table - simply display tabular data in a CLI
• comment-mark - interpolate strings with HTML comment markers
• gh-emojis - use GitHub emojis from their API as an npm package
• mempack - run a completely in-memory Webpack build
• npm-multi-publish - publish an npm package to multiple registries
• reactive-json-file - automatically save JS objects as you mutate them
• systemjs-unpkg - auto-resolve bare specifiers in SystemJS using UNPKG

PostCSS plugins

• postcss-custom-properties-transformer - apply transformations to CSS custom properties
• postcss-import-alias - use aliases in @import statements

Rollup plugins

• rollup-plugin-aggregate-exports - emit an entry file to aggregate exports across multiple files
• rollup-plugin-htmlvue - import HTML/XML files (eg. SVGs) as Vue.js components

Vue.js UI components

• vue-demo-collapse - nicely demo a Vue.js component with a collapsible code section
• vue-feather-icon-set - use an optimized Feather icon set for Vue.js
• vue-split-view - create an adjustable horizontal/vertical split-view in Vue.js

Vue.js utils/tools

• vue-2-3 - interop Vue 2 components in Vue 3 apps and vice versa
• vue-dom-hints - debug a Vue.js app without using Vue.js devtools
• vue-frag - return multiple root elements from stateful components
• vue-just-ssr - add an SSR + HMR dev-env to a Webpack + Vue.js project
• vue-proxi - proxy Vue.js component props and event-listeners to a child component
• vue-pseudo-window - bind event-listeners to the window/document via template
• vue-subslot - pick out specific elements from component <slot>s
• vue-svg-icon-set - create an optimized icon-set in Vue.js using Webpack
• vue-v - render vNodes via component template
• vue-vnode-syringe - add attributes and event-listeners to component <slot>s

Webpack

• browser-reload-plugin - automatically reload your browser page on Webpack watch builds
• code-inject-loader - apply code transformations to certain files
• esbuild-loader - speed up Webpack with esbuild
• htmlvue-loader - import HTML/XML files (eg. SVGs) as Vue.js components
• md-vue-loader - import markdown files as Vue.js components
• svg-trace-loader - flatten imported SVGs into a single <path>
• vue-import-loader - auto-import & register components used in a Vue.js SFC template
• webpack-dependency-size - track/evaluate dependencies bundled into a Webpack build
• webpack-distsize - track Webpack distribution size in version control

Websites/Services

• github-cdn - serve static content from a Github Enterprise server
• litemark - edit your markdown with a live previw of what it would look like on GitHub
• motion-orientation-api - visualize and understand the data you get from the Motion & Orientation API
• postcss-preset-env-playground - play with the different PostCSS preset-env configurations
• repkg - convert or bundle a npm package (or a specific file) to AMD/UMD on demand

_{😊 If you enjoyed any of my projects, make my day by starring them, following me, or tweeting @me!}