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

animt-js

v1.0.1

Published

Bibloteca de animaciones con javascript

Downloads

5

Readme

alt text

Animt-js

animt-js es una biblioteca de animaciones en JavaScript diseñada para llevar tus proyectos web al siguiente nivel. Con mas 50 de efectos de animación y una fácil integración, animt-js te ofrece:

  1. Variedad de efectos: Desde deslumbrantes transiciones hasta sorprendentes efectos visuales, animt-js ofrece una amplia variedad de efectos de animación para adaptarse a cualquier proyecto.
  2. Fácil de usar: Con una sintaxis simple y clara, integrar animaciones en tu proyecto nunca ha sido tan sencillo. Simplemente importa la biblioteca y comienza a añadir vida a tu sitio web.
  3. Personalización: Personaliza cada animación para que se adapte perfectamente a tus necesidades. Controla la duración, el retraso y otros parámetros para obtener el efecto deseado.
  4. Experiencia del usuario mejorada: Con animaciones suaves y envolventes, animt-js mejora la experiencia del usuario al hacer que tu sitio web sea más atractivo y dinámico.

Instalación

Puedes instalar animt-js utilizando npm. Para ello, ejecuta el siguiente comando en la terminal:

npm install animt-js

Uso

Para comenzar a utilizar animt-js en tu proyecto, simplemente importa la biblioteca en tu archivo JavaScript y comienza a utilizar las funciones de animación según tus necesidades.

import AnimtJS from "animt-js";

const miElemento = document.querySelector(".contenedor");

// Ejemplo de uso de la función fadeIn
AnimtJS.fadeIn({
  elemento: miElemento,
  duracion: 1000,
  retraso: 500,
});

Características principales

  • Amplia gama de efectos de animación: animt-js proporciona una variedad de efectos de animación, incluidos fadeIn, fadeOut, slideLeft, slideRight, rotate, scale, entre otros, para adaptarse a diferentes necesidades de diseño.

  • Fácil integración: Con una simple importación, puedes comenzar a agregar animaciones a tu proyecto sin problemas.

  • Personalizable: Las animaciones pueden personalizarse con diferentes duraciones, retrasos y otros parámetros para adaptarse a tus necesidades específicas de diseño y UX.

Contribuciones

¡Las contribuciones son bienvenidas y apreciadas! Si deseas contribuir a animt-js, sigue estos pasos:

  1. Haz un fork del repositorio.
  2. Crea una nueva rama (git checkout -b feature/nueva-funcionalidad).
  3. Realiza tus cambios y realiza commit de ellos (git commit -am 'Agrega una nueva funcionalidad').
  4. Sube tus cambios a la rama (git push origin feature/nueva-funcionalidad).
  5. Abre un Pull Request.

Por favor, asegúrate de seguir las pautas de contribución del proyecto.

Licencia

animt-js está bajo la Licencia MIT. Para más detalles, consulta el archivo LICENSE.