CSShake
A CSS library for adding shake animations to web elements with customizable classes and mixins.
Score
50
User Rating
1.0
Free/Trial Support
Supported
Starting Price
--
Last Updated
Oct 24, 2026
Overview
What is CSShake?
CSShake is a CSS library that provides a collection of classes to apply shake animations to DOM elements, such as basic, slow, hard, horizontal, vertical, rotate, opacity, crazy, and chunk shakes. It includes features like constant shaking, hover effects, and a Sass mixin for custom animations.
What is CSShake used for?
Top Features
- Multiple shake animation classes
- Customizable via Sass mixin
- Hover and constant shake effects
- Easy integration with CDN or npm
How to use CSShake?
Include the CSS file via CDN or download, then apply classes like 'shake', 'shake-hard', or 'shake-slow' to HTML elements. Use 'shake-trigger' class on parent elements to control animations, and leverage the do-shake Sass mixin for custom shake parameters.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Lightweight and easy to use
- Highly customizable with Sass
- Free and open-source
- Good documentation and examples
Cons
- Limited to CSS-based animations
- No built-in JavaScript controls
- May require CSS knowledge for advanced use
Use Cases
- Adding subtle animations to UI elements
- Enhancing user interactions with hover effects
- Creating engaging web designs with shake motions
CSShake Pricing
Free Plan
No detailed pricing information available
User Reviews
1.0
out of 5
1.0
No reviews yet
Be the first to review this tool!