{"id":13452293,"url":"https://github.com/parcel-bundler/awesome-parcel","last_synced_at":"2025-05-16T14:04:52.531Z","repository":{"id":27776431,"uuid":"115173327","full_name":"parcel-bundler/awesome-parcel","owner":"parcel-bundler","description":"🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates","archived":false,"fork":false,"pushed_at":"2022-10-07T18:34:24.000Z","size":94,"stargazers_count":1395,"open_issues_count":6,"forks_count":86,"subscribers_count":58,"default_branch":"master","last_synced_at":"2025-05-07T22:01:59.286Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/parcel-bundler.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":null,"code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-12-23T05:35:30.000Z","updated_at":"2025-05-07T12:54:59.000Z","dependencies_parsed_at":"2023-01-14T07:28:17.208Z","dependency_job_id":null,"html_url":"https://github.com/parcel-bundler/awesome-parcel","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parcel-bundler%2Fawesome-parcel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parcel-bundler%2Fawesome-parcel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parcel-bundler%2Fawesome-parcel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parcel-bundler%2Fawesome-parcel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parcel-bundler","download_url":"https://codeload.github.com/parcel-bundler/awesome-parcel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254101581,"owners_count":22014905,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T07:01:19.710Z","updated_at":"2025-05-16T14:04:52.511Z","avatar_url":"https://github.com/parcel-bundler.png","language":null,"funding_links":[],"categories":["Others","Libraries and tools lists","Programming Language Lists","Misc"],"sub_categories":["JavaScript Lists"],"readme":"# Awesome Parcel [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Twitter Follow](https://img.shields.io/twitter/follow/parceljs.svg?style=social)](https://twitter.com/parceljs)\n\n\u003e A curated list of Parcel [plugins](https://www.npmjs.com/search?q=parcel-plugin-), articles, etc.\n\n## Ecosystem\n\n- [Website](https://parceljs.org)\n- [Documentation](https://parceljs.org/getting_started.html)\n- [Repository](https://github.com/parcel-bundler/parcel)\n- [Twitter](https://twitter.com/parceljs)\n- [Slack](https://slack.parceljs.org/)\n\n## Contents\n\n- [Examples](#examples)\n- [Plugins](#plugins)\n  - [Templates](#templates)\n  - [Frameworks](#frameworks)\n  - [JavaScript dialects, other languages](#javascript-dialects-other-languages)\n  - [Other](#other)\n- [Integration with other languages, frameworks](#integration-with-other-languages-frameworks)\n- [Articles](#articles)\n  - [English](#english)\n  - [Portuguese](#portuguese)\n  - [Russian](#russian)\n  - [French](#french)\n  - [Chinese](#chinese)\n\n## Examples\n\n- [Preact Boilerplate](https://github.com/SafdarJamal/preact-boilerplate) - A minimal Preact boilerplate project, powered by Parcel.\n- [Parcel-Tsx-Template](https://github.com/linbudu599/Parcel-Tsx-Template) - A Simple Parcel Template With React \u0026 Typescript.\n- [Element UI](https://github.com/bubnenkoff/parcel-vue-template) - Minimal Vue Element UI Parcel template.\n- [React](https://github.com/jaredpalmer/react-parcel-example) - Minimum viable React app.\n- [React with SSR](https://github.com/gregtillbrook/react-head-start) - React starter app including Server Side Rendering and code splitting.\n- [React with TypeScript](https://github.com/adhrinae/ts-react-parcel) - Example code and test cases with React, TypeScript, Jest.\n- [React + TypeScript + CSS Modules + SASS](https://github.com/ngduc/parcelui) - Boilerplate to create a webapp with: React + TypeScript + CSS Modules + SASS.\n- [Angular](https://github.com/DeMoorJasper/Angular-Parcel-Boilerplate) - Angular boilerplate.\n- [Vue.js](https://github.com/parcel-bundler/examples/tree/master/vue) - Basic `Hello, World!` example.\n- [Vue.js with Vuex and Vue Router](https://github.com/proYang/vue-parcel-demo) - Quickstart example including Code Splitting, Hot Reloading, Vuex, Vue Router and Less.\n- [Metal.js](https://github.com/matuzalemsteles/metal-parcel-example) - Simple example with Metal.js.\n- [ReasonReact](https://github.com/Raincal/parcel-reason-react-app) - Simple Reason React app.\n- [PixiJS with Typescript](https://github.com/lucas-jones/pixi-ts-parcel-example) - Simple PixiJS starter app.\n- [Dart](https://github.com/neutrino2211/parcel-plugin-dart/tree/master/examples/helloworld) - Simple `Hello, World` example.\n- [AWS IoT Button logger to git](https://github.com/kachkaev/aws-iot-button-logger-to-git/) - A beginner-friendly AWS Lambda function that logs events from IoT devices into a git repository of your choice. Written in TypeScript, tested with Jest, compiled with Parcel into a single file. The project uses Azure Pipelines as CI.\n- [Phaser 3 with Parcel](https://github.com/samme/phaser-parcel) - Simple Phaser game template.\n- [Parcel Github Pages Boilerplate](https://github.com/nicolas-van/parcel-github-pages-boilerplate) - Boilerplate to automatically publish to Github Pages through Github Actions.\n- [Parcel Start](https://github.com/yesnoruly/parcel-start) - Simple starter template for plain web sites.\n\n## Plugins\n\n### Templates\n\n- [Pug](https://github.com/Ty3uK/parcel-plugin-pug) - Pug template support.\n- [Markdown](https://github.com/gongpeione/parcel-plugin-markdown) - Plugin for markdown support.\n- [Markdown String](https://github.com/jaywcjlove/parcel-plugin-markdown-string) - Plugin for markdown string support.\n- [Markdown with Frontmatter](https://github.com/umstek/parcel-plugin-md-fm) - Plugin for markdown with frontmatter support.\n- [Mustache](https://github.com/suuzee/parcel-plugin-mustache) - Plugin for Mustache template support.\n- [Nunjucks](https://github.com/chocolateboy/parcel-plugin-nunjucks) - Plugin to compile Nunjucks templates.\n- [Handlebars](https://github.com/robbiedigital/parcel-plugin-handlebars) - Plugin to compile handlebars templates.\n- [Handlebars precompile](https://github.com/belicekm/parcel-plugin-handlebars-precompile) - Plugin to precompile handlebars templates into template functions.\n- [Protobuf](https://github.com/Jabher/parcel-plugin-pbf) - Plugin to compile [Protocol Buffer](https://developers.google.com/protocol-buffers/) binary protocol schemas with [pbf](https://github.com/mapbox/pbf).\n- [Protobuf-ts](https://github.com/meketh/parcel-plugin-pbf-ts) - Plugin to load [Protocol Buffer](https://developers.google.com/protocol-buffers/) schemas with [pbf](https://github.com/mapbox/pbf) and generated [TypeScript](https://www.typescriptlang.org/) types and extensions.\n\n### Frameworks\n\n- [Svelte](https://github.com/DeMoorJasper/parcel-plugin-svelte) - Svelte support.\n- [Angular](https://github.com/fathyb/parcel-plugin-angular) - Angular support.\n\n### JavaScript dialects, other languages\n\n- [TypeScript](https://github.com/fathyb/parcel-plugin-typescript) - Enhanced TypeScript integration.\n- [BuckleScript](https://github.com/jihchi/parcel-plugin-bucklescript) - Plugin that enables BuckleScript support\n- [Elm](https://github.com/ssuman/parcel-plugin-elm) - Plugin that enables Elm support.\n- [LiveScript](https://github.com/c0deaddict/parcel-plugin-livescript) - Plugin for LiveScript support.\n- [Emscripten](https://github.com/taktod/parcel-plugin-emc) - Plugin for Emscripten support.\n- [Fable](https://github.com/slogsdon/parcel-plugin-fable) - Enable F# support via Fable + Babel.\n- [Dart](https://github.com/neutrino2211/parcel-plugin-dart) - Plugin for Dart support via dart2js\n\n### Other\n\n- [ESLint](https://github.com/BoltDoggy/parcel-plugin-eslint) - Plugin for ESlint support.\n- [Bundle Manifest](https://github.com/mugi-uno/parcel-plugin-bundle-manifest) - Plugin for generating a bundle manifest.\n- [AppCache](https://github.com/pierredavidbelanger/parcel-plugin-appcache) - Plugin for generating an appcache manifest.\n- [parcel-plugin-sw-cache](https://github.com/mischnic/parcel-plugin-sw-cache) - Run workbox-build after every build.\n- [Inline SVG](https://github.com/albinotonnina/parcel-plugin-inlinesvg) - Plugin that enables inline svg support. (deprecated)\n- [SVGR](https://github.com/gregberge/svgr/tree/master/packages/parcel-plugin-svgr) - Plugin that imports svgs as components.\n- [SVG Sprite](https://github.com/Epimodev/parcel-plugin-svg-sprite) - Plugin that generates a sprite of imported svg files.\n- [Wrapper](https://github.com/albinotonnina/parcel-plugin-wrapper) - Plugin that wraps output files with custom text or code.\n- [Url-Loader](https://github.com/fansenze/parcel-plugin-url-loader) - Plugin that enables convert image to base64 in `js`/`css`.\n- [css-url-loader](https://github.com/BarryYan/parcel-plugin-css-url-loader) - Plugin that enables convert image to base64 in `css`.\n- [Google Closure](https://github.com/fathyb/parcel-plugin-closure) - Plugin that uses Google Closure compiler to minify and tree-shake JavaScript.\n- [Image minification](https://github.com/DeMoorJasper/parcel-plugin-imagemin) - Plugin that uses imagemin to minify images on build\n- [Bundle Visualiser](https://github.com/gregtillbrook/parcel-plugin-bundle-visualiser) - Plugin to visualise bundle contents (the parcel version of webpacks [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer))\n- [css to style object](https://www.npmjs.com/package/parcel-plugin-css-object) import css as object\n- [SW Precache](https://github.com/cyyyu/parcel-plugin-sw-precache) Plugin to generate a service worker file that will precache resources so they work offline. (PWA)\n- [PWA Manifest](https://github.com/101arrowz/pwa-manifest/tree/master/packages/parcel-plugin-pwa-manifest) Plugin that creates a web app manifest, generating a full icon set from a single image, and inserts links into the HTML for use in PWAs.\n- [react-native-web](https://github.com/dalcib/parcel-plugin-react-native-web) - Plugin that enables [react-native-web](https://github.com/necolas/react-native-web) support.\n- [web-extension](https://github.com/kevincharm/parcel-plugin-web-extension) - Plugin that enables to use a WebExtension `manifest.json` as an entry point.\n- [Static Files Copy](https://github.com/elwin013/parcel-plugin-static-files-copy) - Plugin that copies static files into bundle directory.\n- [Inliner](https://github.com/shff/parcel-plugin-inliner) - Inlines all your CSS, JS and images in a single HTML file. Great for small websites.\n- [PurifyCSS](https://github.com/shff/parcel-plugin-purifycss) - Removes unused selectors from your CSS files using [PurifyCSS](https://github.com/purifycss/purifycss).\n- [PurgeCSS](https://github.com/cprecioso/parcel-plugin-purgecss) - Removes unused selectors from your CSS files using [PurgeCSS](https://github.com/FullHuman/purgecss).\n- [Modernizr](https://github.com/hirasso/parcel-plugin-modernizr) - Generates a custom modernizr build\n- [Watch Reload](https://github.com/hirasso/parcel-plugin-watch-reload) - Watches files outside of parcel bundles and sends a reload request to parcel if they change\n- [HTML Interpolation](https://github.com/krotovic/parcel-plugin-interpolate-html) - Interpolation plugin that gives you option to use your .env variable inside HTML\n- [Static ZIP](https://github.com/agentcooper/parcel-plugin-static-zip) - Provide archived local directory in the static build. Useful for BrowserFS.\n- [parcel-plugin-shebang](https://github.com/cyntler/parcel-plugin-shebang) - Add a shebang to the output files (useful for CLI applications).\n- [data-src](https://github.com/arnellebalane/parcel-plugin-data-src) - Bundles resources defined in `data-srcset` and `data-src` HTML attributes.\n- [compress](https://github.com/ralscha/parcel-plugin-compress) - Precompresses (gzip, brotli) build output with [@gfx/zopfli](https://github.com/gfx/universal-zopfli-js) and [brotli](https://www.npmjs.com/package/brotli)\n- [parcel-plugin-text](https://www.npmjs.com/package/parcel-plugin-text) Load any asset as text\n- [structurize](https://www.npmjs.com/package/parcel-plugin-structurize) Customize output (dist) directory folder structure.\n- [parcel-plugin-run-server](https://github.com/qualitybath/parcel-plugin-run-server) Start (and restart) a node server while running in watch mode.\n- [parcel-plugin-prerender](https://github.com/ABuffSeagull/parcel-plugin-prerender) Drop-in universal pre-rendering.\n- [parcel-plugin-ogimage](https://github.com/lukechilds/parcel-plugin-ogimage) Set absolute URL for og:image meta tags.\n- [parcel-plugin-graphql-raw](https://github.com/Ty3uK/parcel-plugin-graphql-raw) Export GraphQL files as plain text.\n- [parcel-plugin-goodie-bag](https://github.com/edm00se/parcel-plugin-goodie-bag/) Automatically polyfill `Promise` and `fetch` for Internet Explorer (11) support of importing HTML.\n- [parcel-plugin-subresource-integrity](https://github.com/jonathannen/parcel-plugin-subresource-integrity/) Adds Subresource `integrity` attributes to the HTML entry point for CSS and JS assets.\n- [CSS Modules](https://github.com/rfgamaral/parcel-plugin-typings-for-css-modules) Plugin to generate `.d.ts` (TypeScript type definitions) files for your CSS Modules, powered by [@Quramy/typed-css-modules](https://github.com/Quramy/typed-css-modules).\n- [parcel-plugin-overwolf](https://github.com/sammccord/parcel-plugin-overwolf) Plugin that enables use of [Overwolf's `manifest.json`](https://overwolf.github.io/docs/api/manifest-json)\n- [code obfuscation](https://github.com/jabuco/parcel-plugin-obfuscate) Plugin that uses [`javascript-obfuscate`](https://github.com/javascript-obfuscator/javascript-obfuscator/) to obfuscate javascript code of entry assets.\n- [Linaria CSS-in-JS](https://github.com/callstack/parcel-plugin-linaria) Plugin to use Linaria library.\n- [parcel-plugin-codgen](https://github.com/FlorianRappl/parcel-plugin-codegen) - Allows to generate modules on the fly, i.e., a Node.js solution for metaprogramming modules.\n- [parcel-plugin-externals](https://github.com/FlorianRappl/parcel-plugin-externals) - Adds the ability to omit specified dependencies from the generated bundle(s), e.g., by referencing global variables.\n- [parcel-plugin-nuke-dist](https://github.com/RadValentin/parcel-plugin-nuke-dist) - Wipes the `dist/` directory before compiling a new bundle.\n- [parcel-plugin-marked-prismjs](https://github.com/hemmingson/parcel-plugin-marked-prismjs) - Plugin for using prismjs plugins in md files.\n\n## Integration with other languages, frameworks\n\n- [parcel-rails](https://github.com/michaldarda/parcel-rails) - Ruby On Rails gem, for easier integration into Rails applications\n- [karma-parcel](https://github.com/valotas/karma-parcel) - Let parcel bundle your tests that karma should run\n\n## Articles\n\n### English\n\n- [Announcing Parcel: A blazing fast, zero configuration web application bundler](https://hackernoon.com/announcing-parcel-a-blazing-fast-zero-configuration-web-application-bundler-feac43aac0f1?source=search_post---------0)\n- [Parcel Bundler with React and Hot Module Replacement](https://medium.com/@d.kang/parcel-bundler-with-react-and-hot-module-replacement-7f92efd25584)\n- [Code Splitting with Parcel Web App Bundler](https://hackernoon.com/code-splitting-with-parcel-web-app-bundler-fe06cc3a20da)\n- [Parcel: A Zero-Configuration Webpack Alternative](https://www.youtube.com/watch?v=4XB6jcyiADY) - Get started with Parcel in 20 minutes(video)\n\n### Portuguese\n\n- [Parcel Bundler: Criando um projeto React](https://medium.com/tableless/parcel-bundler-criando-um-projeto-react-1a620a151e34)\n\n### Russian\n\n- [Parcel — очень быстрый бандлер, не требующий настройки](https://habr.com/ru/post/344486/) - Parcel quick review.\n- [Parcel — пишем плагин](https://habr.com/ru/post/344858/) - How to write a Parcel plugin.\n\n### French\n\n- [Parcel - Présentation](https://www.grafikart.fr/tutoriels/parcel-bundler-985) - Parcel review (video)\n- [Parcel - Changer le bundler de Phoenix](https://dev.to/jeansmaug/phoenix-changer-de-bundler-4339) - Integration in a framework\n\n### Chinese\n\n- [下一代零配置打包工具 Parcel 初体验](https://zhuanlan.zhihu.com/p/34033344) - Quick view of the next generation bundler Parcel\n- [Parcel 教程？不需要。](https://blog.zfanw.com/parcel-bundler-tutorial/) - You don't need a tutorial for Parcel since it's so easy\n\n## Contribute\n\nContributions welcome! Read the [contribution guidelines](contributing.md) first.\n\n## License\n\n[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)\n\nTo the extent possible under law, [Maksim Karelov](https://github.com/Ty3uK) has waived all copyright and\nrelated or neighboring rights to this work.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparcel-bundler%2Fawesome-parcel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparcel-bundler%2Fawesome-parcel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparcel-bundler%2Fawesome-parcel/lists"}