npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

reacthub-pixitweenjs

v0.2.107-prealpha.1

Published

reacthub-pixitweenjs is a library that provides a powerful combination of React, PixiJS, GSAP, and image manipulation capabilities in a timeline sequence. With this library, you can easily create stunning animations and interactive graphics for your React

Downloads

646

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

khanzzirfankhanzzirfan

Keywords

pixijsgsapremotionreacttweensanimationmovietimelinesequencereacthubreacthub-pixitweenjs

Readme

To install the component packages using NPM/ Yarn:

  npm install reacthub-pixitweenjs
  yarn add reacthub-pixitweenjs

Make sure you install the devDependencies in your project.

npm install
    "@pixi/gif": "^2.1.0",
    "@pixi/react": "~7.1.0",
    "@pixi/sound": "^5.2.1",
    "pixi-filters": "^5.2.1",
    "pixi-svg": "^3.2.0",
    "pixi.js": "^7.2.3",
    "gsap": "3.11.5",
    "howler": "^2.2.3",
    "lottie-web": "^5.10.2",
    "react-custom-events": "^1.1.1",

Description

PixiTweenJs is designed to help you build animated time-controlled canvas elements on web apps using extensible Pixijs Components underneath. The package composes the reacthub/pixitweenjs Web Component package. You can use these Web Components flexibly, either from npm packages, from the CDN, or you can bring it into your project to customize and extend it.

Usage

Visit the storybook

Documentation

License

This library is licensed under the MIT License. See the LICENSE.md file for details.

Note: This library comes with restrictions. You are not allowed to copy, modify, or sell this library or any derivative work on behalf of the original author. Usage is permitted only under the terms specified in the license.

For example:

  • Allowed: Use in personal and non-commercial projects.
  • Not Allowed: Copying, modification, or commercial use without explicit permission.

Contributing

Want to contribute to pixitweenjs? Our contributing guide has you covered.

See also

  • editly - Declarative video API I also created earlier
  • remotion - Great inspiration

Made with ❤️ in 🇦🇺