DEV Community

liron_hazan
liron_hazan

Posted on

4 2

Micro-interactions in Angular

Alt ng-micro-interact

Hey Everyone, this is actually my first post in dev.to :)

I want to share with you a tiny library I wrote for easily adding micro-interactions into your Angular app.

HIT THE DEMO

My lib is based on Web Animations ( experimental API ) which is one of the most performant ways of making animations for the web.

To use ng-micro-interact in your Angular project do the following:

  1. Install: npm i ng-micro-interact

  2. Import NgMicroInteractModule into your consumer module.

  3. Use the ngMicroInteract directive on any element you want to interact with.

Thanks for reading this post!
I will really appreciate if you'll star the repo.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay