A site for learning, and implementing CSS Animations. Login, Open a predesigned animation or create your own, adjust any of the properties or keyframes as you please, see the effects in real time, then copy the code for personal use!
Clone this repo.
Run npm install in your terminal
Clone down BackEnd here (Must have postgress installed). Run backend at localhost:3000.
Run npm start and view app at localhost:3001.
CSS animations are an incredible way to give sites a very polished and professional look. Unfortunately many people don't realize just how easy they are to implement. I created CSS Ani-mate to help guide those looking to learn how to use CSS Animations. The app not only provides instructions and guides for how to use keyframes and animations, but also a playground to adjust prebuilt animations and easily copy the code for personal projects. For those already comfortable with CSS animations, users can create an account and create and save their own custom animations.
css-animate.com
- ReactJS
- Redux
- Redux-Thunks
- React-Router
- Jest/Enzyme
- JSX
- Sass




