AnimTrap is a CSS Framework for animations. Its like bootstrap for JS animations. All you need is to import AnimTrap and use it for animations in your webapp easily.
AnimTrap supports animations like scrolling and simple effects which would make a richer the experience from your webapp
AnimTrap (currently v1.1.1) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.
- Clone the repo:
git clone https://github.com/sanjayaharshana/AnimTrap - Install with npm:
npm install animtrap(Coming soon) - Install with yarn:
yarn add animtrap(Coming soon)
If you want a quick demo, you can check it out here
Once downloaded through any of the ways mentioned above, you'll find these directories and files:
dist/
├── css/
│ ├── animtrap.css
│ ├── animtrap.min.css
└── js/
├── anim-scroll.js
└── anim-scroll.min.js
We are always looking for quality contributors and will be happy to accept your Pull Requests as long as those adhere to some basic rules:
- Please make sure that your contribution fits well in the project's context:
- we are aiming at rebuilding animtrap directives in pure CSS, without any dependencies on any external JavaScript library;
- the only dependency should be animtrap CSS and its markup structure;
- Please assure that you are submitting quality code, specifically make sure that:
- your directive has accompanying tests and all the tests are passing; don't hesitate to contact us ([email protected]) if you need any help with unit testing
Let's animate to animate, together!
Skytrone_bash