animt-js
v1.0.1
Published
Bibloteca de animaciones con javascript
Downloads
2
Maintainers
Readme
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:
- 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.
- 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.
- 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.
- 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:
- Haz un fork del repositorio.
- Crea una nueva rama (
git checkout -b feature/nueva-funcionalidad
). - Realiza tus cambios y realiza commit de ellos (
git commit -am 'Agrega una nueva funcionalidad'
). - Sube tus cambios a la rama (
git push origin feature/nueva-funcionalidad
). - 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.