{"library":"metal-anim","title":"Metal.js Animation Utility","description":"metal-anim is an animation utility specifically designed for the now-deprecated Metal.js JavaScript framework. Released as version 2.0.1, it provided capabilities for animating UI components and elements within the Metal.js ecosystem. The parent framework, Metal.js, was officially deprecated in September 2023 and is no longer actively maintained or supported in its open-source form by Liferay, Inc. As such, `metal-anim` is also considered abandoned, with no further updates, bug fixes, or new features expected. Developers seeking animation solutions are advised to consider actively maintained libraries, as this package is tied to an unmaintained framework and may have compatibility issues with modern JavaScript environments or browsers. It was last published seven years ago, aligning with the deprecation status of its core dependency.","language":"javascript","status":"abandoned","last_verified":"Sun Apr 19","install":{"commands":["npm install metal-anim"],"cli":null},"imports":["import { animate } from 'metal-anim';","import { easing } from 'metal-anim';","import { timeline } from 'metal-anim';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import { animate, easing } from 'metal-anim';\n\nconst element = document.createElement('div');\nelement.id = 'animated-box';\nelement.style.width = '100px';\nelement.style.height = '100px';\nelement.style.backgroundColor = 'blue';\nelement.style.position = 'absolute';\nelement.style.left = '0px';\ndocument.body.appendChild(element);\n\n// Basic animation: move the box to the right\nanimate({\n  element: '#animated-box',\n  properties: {\n    left: '500px',\n    backgroundColor: 'red',\n    transform: 'rotate(360deg)'\n  },\n  duration: 1000, // milliseconds\n  easing: easing.easeInOutQuad,\n  onComplete: () => {\n    console.log('Animation complete!');\n    // Animate back or start a new sequence\n    animate({\n      element: '#animated-box',\n      properties: {\n        left: '0px',\n        backgroundColor: 'blue',\n        transform: 'rotate(0deg)'\n      },\n      duration: 800,\n      easing: easing.easeOutBounce,\n      delay: 500\n    });\n  }\n}).start();\n\n// Note: The specific API (`element`, `properties`, `duration`, `easing`, `onComplete`, `start()`) is inferred based on common JavaScript animation libraries due to the absence of direct documentation for metal-anim.","lang":"typescript","description":"Demonstrates animating a DOM element's position, color, and rotation using assumed `animate` and `easing` functions from `metal-anim`.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}