{"repo":"ingram-projects/animxyz","free":true,"listed":false,"github":"https://github.com/ingram-projects/animxyz","clone":"git clone https://github.com/ingram-projects/animxyz.git","description":"The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.","language":"CSS","stars":2497,"topics":["css","vue","react","scss","css-framework","functional-css","animation","animxyz","css-animations","composable-animations"],"license":"MIT","category":"ui-components","readme_excerpt":"AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe. Save time and have complete control over how your elements move. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life. For example here is how you make an element fade and shrink in from above: Changing the class to xyz-out reverses the direction of the animation: See it in action here For simple animations, that's all you need, but AnimXYZ can do so much more! Check out the AnimXYZ docs! --- Installation Using a package manager AnimXYZ can be installed using your favorite package manager: After installation, you will need to import AnimXYZ into your project. Import into a Webpack project If your Webpack project uses css-loader you can import the CSS by putting this snippet anywhere in your javascript code: Import into a SASS project AnimXYZ is built in SASS and provides useful functions and mixins for customization. Import it anywhere in your SASS code: --- Using jsDelivr To add AnimXYZ using a CDN put this link in the of your index.html file: --- Vue & React If you are using AnimXYZ in a Vue or React project we strongly recommend you also use our AnimXYZ components. To add those, follow the installation instructions in the relevant sections Vue and React. --- Made By Miles Ingram • GitHub • Website Mattan Ingram • GitHub • Website","default_branch":null,"files":null,"tree":[],"storefront":"/r/ingram-projects","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ingram-projects/animxyz/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}