https://github.com/ArshdeepGrover/groupix-spinner-library

A lightweight Angular spinner library to show loading indicators in your application.
https://github.com/ArshdeepGrover/groupix-spinner-library

angular cli library npm npm-package package

Last synced: 14 days ago
JSON representation

A lightweight Angular spinner library to show loading indicators in your application.

• Host: GitHub
• URL: https://github.com/ArshdeepGrover/groupix-spinner-library
• Owner: ArshdeepGrover
• Created: 2025-03-31T15:22:47.000Z (26 days ago)
• Default Branch: master
• Last Pushed: 2025-04-01T15:03:03.000Z (25 days ago)
• Last Synced: 2025-04-01T15:37:47.021Z (25 days ago)
• Topics: angular, cli, library, npm, npm-package, package
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/@groupix/groupix-spinner
• Size: 176 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-angular - groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations! (Table of contents / Third Party Components)
• trackawesomelist - groupix-spinner-library (⭐1) - A lightweight Angular spinner library for seamless loading animations! (Recently Updated / [Apr 13, 2025](/content/2025/04/13/README.md))
• fucking-awesome-angular - groupix-spinner-library - A lightweight Angular spinner library for seamless loading animations! (Table of contents / Third Party Components)

README

        
# 🚀 Groupix Spinner

![NPM Downloads](https://img.shields.io/npm/dm/%40groupix%2Fgroupix-spinner?color=blue&label=Downloads)  

![NPM Type Definitions](https://img.shields.io/npm/types/%40groupix%2Fgroupix-spinner?color=green&label=Type%20Definitions)  

![NPM License](https://img.shields.io/npm/l/%40groupix%2Fgroupix-spinner?color=orange&label=License)  

![Bundle Size](https://img.shields.io/bundlephobia/min/%40groupix%2Fgroupix-spinner?color=red&label=Bundle%20Size)  

### ⚡ A lightweight Angular spinner library for seamless loading animations!

---

## 🎯 Features

✔️ Easy to integrate  

✔️ Lightweight and fast performance  

---

## 📦 Installation

Install the package using NPM:

```sh

npm install @groupix/groupix-spinner --save

```

---

## 🚀 Usage

### 1️⃣ Import the module in `app.module.ts`  

```typescript

import { GroupixSpinnerModule } from '@groupix/groupix-spinner';

@NgModule({

  declarations: [AppComponent],

  imports: [GroupixSpinnerModule],

  bootstrap: [AppComponent]

})

export class AppModule {}

```

### 2️⃣ Add the spinner component to your template  

```html

```

---

## 🎮 Live Demo

🚀 Check out the live demo: [Groupix Spinner Demo](https://groupix-spinner.vercel.app/)  

---

## ❓ FAQ

### 🔹 How do I show/hide the spinner dynamically?

Use Angular binding:

```html

Toggle Spinner

```

---

## 🤝 Contributing

We ❤️ contributions! If you have any suggestions or want to improve this library, feel free to open an issue or submit a PR.

---

## 📄 License

This project is licensed under the **MIT License**.