https://github.com/sanjayaharshana/AnimTrap

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
https://github.com/sanjayaharshana/AnimTrap

animation css framwork js

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sanjayaharshana/AnimTrap
• Owner: sanjayaharshana
• License: mit
• Created: 2018-01-07T19:59:48.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-20T03:18:00.000Z (over 1 year ago)
• Last Synced: 2024-04-08T02:18:49.416Z (7 months ago)
• Topics: animation, css, framwork, js
• Language: CSS
• Homepage:
• Size: 3.29 MB
• Stars: 104
• Watchers: 15
• Forks: 37
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AnimTrap [![Build Status](https://travis-ci.org/sanjayaharshana/AnimTrap.svg?branch=master)](https://travis-ci.org/sanjayaharshana/AnimTrap) [![MIT Licence](https://badges.frapsoft.com/os/mit/mit.png?v=103)](https://opensource.org/licenses/mit-license.php)  [![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.png?v=103)](https://github.com/ellerbrock/open-source-badge/)

What is AnimTrap?


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


Get Started


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](https://www.npmjs.com/): `npm install animtrap` (Coming soon)

- Install with [yarn](https://yarnpkg.com/): `yarn add animtrap` (Coming soon)

If you want a quick demo, you can check it out here


What's Included


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

```

Open Source Contributing


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!


[View Wiki Page](https://github.com/sanjayaharshana/AnimTrap/wiki)

Skytrone_bash