@tomaszatoo/ngx-swipe

Lightweight Angular component to detect swipe gestures (left, right, top, bottom) with optional axis locking (x, y, both) and smooth animations. Works on mouse & touch.

Install

npm i @tomaszatoo/ngx-swipe

Usage

<swipe [axis]="axis" (swiped)="onSwipe($event)">
  <h3>Swipe me!</h3>
</swipe>

axis: 'x' | 'y' | 'both' = 'both';

onSwipe(e: { direction: 'left'|'right'|'top'|'bottom' }) {
  console.log(e.direction);
}

Contributing

git clone https://codeberg.org/tomaszatoo/ngx-swipe
cd ngx-swipe
npm install
# make changes
npm run build
# test locally or run demo
# then commit & create PR

Example

You can find an example of how to use this component here.

Licence

MIT Copyright © 2025 Tomas Zato