LogoDevToolkit Hub
Logo of CSShake

CSShake

A CSS library that provides easy-to-use classes for adding various shake animations to DOM elements with different styles and configurations.

Introduction

CSShake is a lightweight CSS animation library that makes it simple to add engaging shake effects to your web elements. The library offers multiple shake variations including:

  • Basic, slow, and little shakes for subtle movements
  • Hard shakes for more dramatic effects
  • Fixed directional shakes (horizontal, vertical, rotation)
  • Opacity shake for fade effects
  • Crazy shake for extreme animations
  • Constant shake with hover-stop functionality
Installation
# Via npm
npm i csshake
 
# Via bower
bower install csshake
 
# Via git
git clone https://github.com/elrumordelaluz/csshake.git
Key Features
  • Multiple pre-built shake animations
  • Easy implementation with simple CSS classes
  • Customizable shake triggers
  • CDN support
  • Compatible with modern browsers
  • Lightweight and dependency-free

Perfect for adding interactive feedback, attention-grabbing elements, or playful animations to web applications.

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates