https://github.com/foblex/f-flow-animator
Animation library for @foblex/flow, designed to provide smooth and customizable animations for your Angular projects.
https://github.com/foblex/f-flow-animator
Last synced: 3 months ago
JSON representation
Animation library for @foblex/flow, designed to provide smooth and customizable animations for your Angular projects.
- Host: GitHub
- URL: https://github.com/foblex/f-flow-animator
- Owner: Foblex
- Created: 2023-12-19T12:00:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-23T12:22:04.000Z (over 1 year ago)
- Last Synced: 2025-07-12T00:05:33.092Z (3 months ago)
- Language: TypeScript
- Homepage: https://www.foblex.com
- Size: 1.82 MB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @foblex/flow-animator
Animation library for @foblex/flow, designed to provide smooth and customizable animations for your Angular projects.
## Features
- Seamless integration with Angular applications.
- Customizable animation sequences.
- Supports both HTML and SVG animations.
## Installation
To install the package, run:
```bash
npm install @foblex/flow-animator
```
## Usage
Here's a basic example of how to use @foblex/flow-animator:
```typescript
// In your component
constructor(private fFlowAnimator: FFlowAnimatorService) {}
animateFlow() {
this.fFlowAnimator.animate('f-flow-0', {
items: [
[ { id: 'element1' } ],
// ...other items...
],
duration: 14000,
removeOverlayAfterRowComplete: true
}).subscribe((result) => {
// Handle animation result
});
}
```