https://github.com/servrox/animations-lib

Fancy angular library containing easy to use and customizable animation elements.
https://github.com/servrox/animations-lib

angular angular-animate angular-animation angular-animations angular-library angular7 infinite infinite-loop library loop nx overlay servrox

Last synced: about 1 month ago
JSON representation

Fancy angular library containing easy to use and customizable animation elements.

• Host: GitHub
• URL: https://github.com/servrox/animations-lib
• Owner: servrox
• Created: 2019-05-22T22:02:37.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-05-26T23:11:55.000Z (over 5 years ago)
• Last Synced: 2024-04-29T06:22:18.014Z (8 months ago)
• Topics: angular, angular-animate, angular-animation, angular-animations, angular-library, angular7, infinite, infinite-loop, library, loop, nx, overlay, servrox
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/@servrox/animations-lib
• Size: 12.7 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Build Status](https://travis-ci.org/servrox/animations-lib.svg?branch=master)](https://travis-ci.org/servrox/animations-lib)



# servrox's AnimationsLib

Fancy angular library containing easy to use and customizable animation elements.

_Info: See travis ci script to know how to build this lib-only-repo locally._

![Live Demo](http://g.recordit.co/H64YQuYuQs.gif)

## Getting Started

### 1. Install

```

npm i @servrox/animations-lib

```

### 2. Import module (e.g. OverlayModule)

```

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { OverlayModule } from '@servrox/animations-lib';

@NgModule({

  declarations: [AppComponent],

  imports: [BrowserModule, OverlayModule],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule {}

```

### 3. Use in template (e.g. OverlayModule -> every input variable is optional)

```

"

    [count]=""

    [useRandomColor]=""

    [speed]=""

    [logo]="">

or

```

Defaults for OverlayModule:

```

count: number = 20,

useRandomColor: boolean = true,

speed: number = 1600,

logo: string

```

## Built With

- [Angular CLI](https://github.com/angular/angular-cli) - version 7.2.0

- [Nx](https://nx.dev/) - @nrwl/nx 7.8.1

## Authors

- **Marcel Mayer** -

  [servrox.solutions](http://servrox.solutions)