beomybeomy
24

Svelte Hammer

screenshot of Svelte Hammer
svelte

Github

Overview

This product is a Hammer.js wrapper for Svelte, designed to support certain operations on mobile devices. It functions as a directive in Svelte, making it easy to use Hammer.js within Svelte projects. The library requires Svelte version 3.0 or higher and Hammer.js version 2.x or higher.

Features

  • Pan Directives: Detect different pan events such as start, move, end, cancel, left, right, up, and down.
  • Pinch Directives: Detect different pinch events such as start, move, end, cancel, in, and out.
  • Press Directives: Detect press events such as press and press up.
  • Rotate Directives: Detect different rotate events such as start, move, end, and cancel.
  • Swipe Directives: Detect different swipe events such as left, right, up, and down.
  • Tap Directives: Detect tap events.

Summary

This Svelte wrapper for Hammer.js provides an easy way to support mobile operations within Svelte projects. It offers a range of directives for detecting different gestures and events like pan, pinch, press, rotate, swipe, and tap. The library is easy to install and requires Svelte version 3.0 or higher and Hammer.js version 2.x or higher. It provides a convenient way to integrate Hammer.js functionality into Svelte projects.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.