Download
Atropos is a lightweight, open-source JavaScript library designed to add visually striking 3D parallax and hover effects to webpage elements — giving a sense of depth and interactivity when users hover or touch elements (cards, images, UI components). It works not only with vanilla JavaScript, but also provides integrations or support for modern frameworks (React, Vue, Web Components, etc.), making it easy to incorporate into a variety of web projects. Because Atropos is very small (just ~2 KB minified + gzipped) and has zero dependencies, it's ideal for performance-conscious applications and does not bloat bundle size. Developers can customize parameters — for example, perspective, rotation, scale, and responsiveness to pointer/touch events — to fine-tune how elements respond to user interaction.
Features
- Touch-friendly 3D parallax hover/touch effects for web elements
- Framework-agnostic: works with vanilla JS, React, Vue, Web Components, etc.
- Very lightweight (~2 KB minified & gzipped) with zero external dependencies
- Configurable animation parameters (perspective, rotation, scale, sensitivity, etc.)
- Enables interactive UI components: cards, galleries, hover effects, product showcases, etc.
- Built under MIT license and open-source — free to use and customize
Project Samples
