https://github.com/mohamedbechirmejri/react-isloading

https://github.com/mohamedbechirmejri/react-isloading

loader loader-plugin lottie npm react reactjs

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/mohamedbechirmejri/react-isloading
• Owner: MohamedBechirMejri
• Created: 2022-07-30T16:26:32.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T08:17:39.000Z (over 1 year ago)
• Last Synced: 2024-10-29T09:32:07.637Z (over 1 year ago)
• Topics: loader, loader-plugin, lottie, npm, react, reactjs
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-isloading
• Size: 49.7 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-isloading

| a nice set of loading animations for react

![Preview](./preview.gif)

## How to install and Use

### install using your favorite package manager

`npm i react-isloading`

**or**

`yarn add react-isloading`

### now visit the previews page and pick the loader you like

[https://mohamedbechirmejri.dev/react-isloading-website/](https://mohamedbechirmejri.dev/react-isloading-website/)

### You can also check out the Previews on

[Storybook](http://mohamedbechirmejri.dev/react-isloading/)

### import the desired Loader (or Loaders) into your component

`import { L5, L40 } from 'react-isloading'`

### now you can use the loader inside any component just add

```jsx

```

you can style the loaders using the style prop, I'll probably add more features and optimizations if I need to or if requested in the issues page.

**if you find it useful please star and share it :)**