https://github.com/datisekai/react-loadify

React Loadify: Simplify loading components in React. Customizable spinners, skeletons, progress bars, and more.
https://github.com/datisekai/react-loadify

loadify loading loading-animations loading-spinner react reactjs sdk

Last synced: 10 days ago
JSON representation

React Loadify: Simplify loading components in React. Customizable spinners, skeletons, progress bars, and more.

• Host: GitHub
• URL: https://github.com/datisekai/react-loadify
• Owner: datisekai
• Created: 2024-01-12T16:34:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-14T05:13:15.000Z (over 2 years ago)
• Last Synced: 2025-08-11T05:34:56.921Z (11 months ago)
• Topics: loadify, loading, loading-animations, loading-spinner, react, reactjs, sdk
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-loadify
• Size: 79.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

          
# React Loadify

[![Downloads](https://img.shields.io/npm/dt/react-loadify.svg?style=flat&color=success)](https://www.npmjs.com/package/react-loadify)

![Libraries.io dependency status for latest release](https://img.shields.io/librariesio/release/npm/react-loadify)

[![Build Size](https://img.shields.io/bundlejs/size/react-loadify)](https://pkg-size.dev/react-loadify)

[![Version](https://img.shields.io/npm/v/react-loadify?style=flat&color=success)](https://www.npmjs.com/package/react-loadify)





## Installation

```bash

npm i react-loadify

# or

# yarn add react-loadify

```

## Import

```js

import { DSpinner } from "react-loadify";

import "react-loadify/dist/react-loadify.min.css";

```

## Examples

### DSpinner

```js

```

#### DSpinner Props

- color (string, optional): Specifies the color of the spinner. Default value is '#fff'.

- size (number, optional): Specifies the size of the spinner in pixels. Default value is 48.

- speed (number, optional): Specifies the speed of the spinner animation in milliseconds. Default value is 1500.

- borderWidth (number, optional): Specifies the width of the spinner's border in pixels. Default value is 5.

### DDot

```js

```

#### DDot Props

- color (string, optional): Specifies the color of the spinner. Default value is '#fff'.

- size (number, optional): Specifies the size of the spinner in pixels. Default value is 48.

- speed (number, optional): Specifies the speed of the spinner animation in milliseconds. Default value is 1500.

### DBar

```js

```

#### DBar Props

- color (string, optional): Specifies the color of the spinner. Default value is '#fff'.

- size (number, optional): Specifies the size of the spinner in pixels. Default value is 48.

- speed (number, optional): Specifies the speed of the spinner animation in milliseconds. Default value is 1500.