Getting started

Button

Card

Introduction

Kaida Effects is a universal JavaScript library for adding interactive visual effects to web interfaces. Designed with cross-framework compatibility as a core principle, it works seamlessly in React, Vue, Angular, Rails, Laravel, and vanilla HTML+JS projects.

Each effect can be individually configured using intuitive data-attributes right in your HTML, allowing for quick, no-code setup. For more advanced usage, the library provides a consistent JavaScript API that works identically across all frameworks.

Whether you need subtle hover effects, 3D transformations, or dynamic animations, Kaida Effects offers production-ready solutions that integrate effortlessly into your existing workflow.

Key features

  • Framework-agnostic: Works identically across all modern frameworks
  • Zero dependencies: Pure JavaScript implementation
  • Modular architecture: Import only what you need
  • Customizable: Flexible options via data-attributes or JavaScript API
  • Performance-first: Optimized animations using requestAnimationFrame