@groupix/groupix-spinner v1.0.2

Groupix Spinner

A lightweight, customizable spinner component for Angular applications.

✨ Features

• 🚀 Simple integration
• 🎨 Colorful bouncing ball animation
• 🔢 Customizable ball count (3-9)
• 🪶 Lightweight with minimal dependencies

📦 Installation

npm install @groupix/groupix-spinner --save

🔧 Usage

Import the module

// In your module (for non-standalone components)
import { GroupixSpinnerModule } from '@groupix/groupix-spinner';

@NgModule({
  imports: [GroupixSpinnerModule],
  // ...
})
export class AppModule {}

// OR in standalone component
import { GroupixSpinnerModule } from '@groupix/groupix-spinner';

@Component({
  // ...
  imports: [GroupixSpinnerModule],
  // ...
})

Add to template

<!-- Default: 3 balls -->
<groupix-spinner></groupix-spinner>

<!-- Custom: 5 balls -->
<groupix-spinner [ballCount]="5"></groupix-spinner>

🎮 Live Demo

Check out the live demo: Groupix Spinner Demo

🎬 Examples

Basic usage

<groupix-spinner></groupix-spinner>

With loading state

<groupix-spinner *ngIf="isLoading"></groupix-spinner>
<button (click)="isLoading = !isLoading">Toggle Spinner</button>

Custom ball count

<groupix-spinner [ballCount]="7"></groupix-spinner>

📄 License

MIT © Arshdeep Singh