halogen alternatives and similar libraries

Based on the "Loader" category.
Alternatively, view halogen alternatives based on common mentions on social networks and blogs.

react-content-loader

9.2 4.3 halogen VS react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.
react-spinners

7.8 7.0 halogen VS react-spinners

A collection of loading spinner components for react

CodeRabbit: AI Code Reviews for Developers

Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

Promo coderabbit.ai

react-spinkit

6.3 0.0 halogen VS react-spinkit

A collection of loading indicators animated with CSS for React
react-loader-spinner

6.0 8.5 halogen VS react-loader-spinner

Collection sets of a spinners for async operations for ReactJS
react-redux-loading-bar

5.7 6.2 halogen VS react-redux-loading-bar

DISCONTINUED. Loading Bar (aka Progress Bar) for Redux and React
rc-progress

5.6 4.2 halogen VS rc-progress

React Progress Bar
react-loader

5.1 0.0 halogen VS react-loader

DISCONTINUED. React component that displays a spinner via spin.js until your component is loaded.
react-progress-button

4.6 0.0 halogen VS react-progress-button

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

4.2 7.3 halogen VS react-block-ui

DISCONTINUED. Easy way to block the user from interacting with your UI.
react-loaders

4.0 0.0 halogen VS react-loaders

Lightweight wrapper around Loaders.css.
spinners-react

4.0 5.4 halogen VS spinners-react

Lightweight SVG/CSS spinners for React
react-ladda

3.6 0.0 halogen VS react-ladda

React wrapper for Ladda buttons.
react-spinners-css

3.5 6.1 halogen VS react-spinners-css

Amazing collection of React spinners components with pure css
react-md-spinner

2.8 0.0 halogen VS react-md-spinner

Material Design spinner components for React.js.
react-progress-label

2.2 0.0 halogen VS react-progress-label

Progress component for React and React Native
React Nested Loader

1.5 0.0 halogen VS React Nested Loader

DISCONTINUED. The easiest way to inject a loader into a deeply nested component

Do you think we are missing an alternative of halogen or a related project?

Add another 'Loader' Library

Popular Comparisons

README

Halogen

A collection of loading spinners with React.js.

React 0.14+ Use halogen 0.2
React 0.12+ Use halogen 0.1

Demo & Examples

Live demo: yuanyan.github.io/halogen

To build the examples locally, run:

npm install
gulp dev

Then open localhost:9999 in a browser.

Installation

The easiest way to use halogen is to install it from NPM and include it in your own React build process (using Browserify, etc).

You can also use the standalone build by including dist/halogen.js in your page. If you use this, make sure you have already included React, and it is available as a global variable.

npm install halogen --save

Usage

var Loader = require('halogen/PulseLoader');
var Example = React.createClass({
  render: function() {
    return (
      <Loader color="#26A65B" size="16px" margin="4px"/>
    );
  }
});