Agent Skills: JWebMP Easing

jQuery Easing plugin integration for JWebMP providing smooth animation easing functions. Supports 30+ easing functions (easeInOutQuad, easeInOutCubic, easeInOutElastic, etc.) for animations, transitions, and scrolling. Use when working with animations, smooth transitions, scroll effects, or custom easing functions in JWebMP applications.

UncategorizedID: GuicedEE/ai-rules/jwebmp-easing

Install this agent skill to your local

pnpm dlx add-skill https://github.com/GuicedEE/ai-rules/tree/HEAD/skills/.system/jwebmp-easing

Skill Files

Browse the full folder contents for jwebmp-easing.

Download Skill

Loading file tree…

skills/.system/jwebmp-easing/SKILL.md

Skill Metadata

Name
jwebmp-easing
Description
"Configure jQuery easing functions for JWebMP animations, transitions, and scrolling effects."

JWebMP Easing

jQuery Easing plugin integration for JWebMP providing smooth animation easing functions.

Core Features

  • 30+ Easing Functions
  • jQuery Integration
  • Custom Animations
  • Smooth Transitions

Easing Functions

Linear

  • linear

Quad

  • easeInQuad, easeOutQuad, easeInOutQuad

Cubic

  • easeInCubic, easeOutCubic, easeInOutCubic

Quart

  • easeInQuart, easeOutQuart, easeInOutQuart

Quint

  • easeInQuint, easeOutQuint, easeInOutQuint

Sine

  • easeInSine, easeOutSine, easeInOutSine

Expo

  • easeInExpo, easeOutExpo, easeInOutExpo

Circ

  • easeInCirc, easeOutCirc, easeInOutCirc

Elastic

  • easeInElastic, easeOutElastic, easeInOutElastic

Back

  • easeInBack, easeOutBack, easeInOutBack

Bounce

  • easeInBounce, easeOutBounce, easeInOutBounce

Usage

// In JavaScript/jQuery animation
component.addQuery("$(element).animate({ opacity: 1 }, 1000, 'easeInOutQuad');");

Installation

<dependency>
  <groupId>com.jwebmp.plugins</groupId>
  <artifactId>easing</artifactId>
</dependency>

References

  • Module: com.jwebmp.plugins.easing
  • Java: 25+
  • License: Apache 2.0
  • jQuery Easing