JavaScript Loader

Open-source JavaScript projects categorized as Loader

Top 23 JavaScript Loader Projects

  • babel-loader

    📦 Babel loader for webpack

    Project mention: A webpack.config.js for WordPress Projects | | 2023-07-31


  • css-loader

    CSS Loader

    Project mention: CSS: From Chaos to Order | | 2022-12-29

    @fbem/css-loader is very similar to css-loader (and actually a fork of it) and has almost the same set of options and functionality. You can even use it with different style preprocessors by simply chaining loaders together in webpack config. But be sure to pick up if you need them 😏.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • sass-loader

    Compiles Sass to CSS

  • vue-wait

    Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications

  • css-spinner

    small, elegant pure css spinner for ajax or loading animation

  • vue-content-placeholders

    Composable components for rendering fake (progressive) content like facebook in vue

  • halogen

    A collection of loading spinners with React.js

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • react-native-svg-transformer

    Import SVG files in your React Native project the same way that you would in a Web application.

    Project mention: Why are SVG so hard to import now ? | /r/reactnative | 2022-12-12

    You’re thinking of this

  • react-redux-loading-bar

    Loading Bar (aka Progress Bar) for Redux and React

  • ESL

    enterprise standard loader

  • react-progress-button

    :cyclone: Simple react.js component for an inline progress indicator

  • react-ladda

    React wrapper for Ladda buttons.

  • LodJS


  • react-awesome-loaders

    🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.

  • skeleton-elements

    Skeleton elements - UI for improved perceived performance

    Project mention: Top 10 CSS Animation Libraries | | 2023-02-22

    Documentation | Github

  • react-progress-label

    Progress component for React and React Native

  • pug-plugin

    Pug plugin for Webpack compiles Pug files to HTML, extracts CSS and JS from their sources specified in Pug.

    Project mention: Pug plugin for Webpack compiles Pug files to HTML, extracts CSS and JS from their sources specified in Pug | /r/coolgithubprojects | 2022-10-04
  • pug-loader

    Pug loader for Webpack renders pug to HTML or template function

    Project mention: Pug templates | /r/angular | 2023-05-03

    Ive tried this: but it doesn´t render the variables, i dont know why. Can´t seem to find any solid example of pug being used in angular, and certainly no example of something like what i have to do being done.

  • html-bundler-webpack-plugin

    This plugin allows to use an HTML template as a starting point for all dependencies used in your web application. All source styles, scripts specified in HTML are processed, and the extracted JS, CSS are saved to the output directory. The plugin automatically substitutes output filenames into the generated HTML file.

    Project mention: Ask HN: What's the state of the art in reliable JavaScript bundling? | | 2023-08-14

    Try the

    This bundler plugin simplify the Webpack config.

    The html-bundler-webpack-plugin allows to use a HTML template as an entry point.

  • react-native-css-transformer

    Use CSS to style your React Native apps.

  • favloader

    Vanilla JavaScript library for loading animation in favicon (favicon loader)

  • use-imported-hook

  • webpack-tailwind-pug

    How to use Tailwind CSS with Pug

    Project mention: Webpack starter with Tailwind CSS and Pug | /r/webpack | 2023-03-22
  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-08-14.

JavaScript Loader related posts


What are some of the best open-source Loader projects in JavaScript? This list will help you:

Project Stars
1 babel-loader 4,758
2 css-loader 4,257
3 sass-loader 3,884
4 vue-wait 1,999
5 css-spinner 1,644
6 vue-content-placeholders 1,598
7 halogen 1,593
8 react-native-svg-transformer 1,396
9 react-redux-loading-bar 928
10 ESL 835
11 react-progress-button 528
12 react-ladda 297
13 LodJS 291
14 react-awesome-loaders 207
15 skeleton-elements 125
16 react-progress-label 93
17 pug-plugin 64
18 pug-loader 49
19 html-bundler-webpack-plugin 41
20 react-native-css-transformer 36
21 favloader 23
22 use-imported-hook 4
23 webpack-tailwind-pug 0
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.