Atropos
Lightweight open-source JavaScript library for creating touch-friendly 3D parallax hover effects.
Atropos is a free, open-source JavaScript library that enables developers and designers to add stunning 3D parallax hover and pointer effects to web interfaces.
It works with plain JavaScript and integrates easily with modern frameworks via dedicated packages for React, Vue, Svelte, and Web Components, making it suitable for a wide range of web projects.
Atropos solves the challenge of adding interactive depth and motion to UI elements without heavy dependencies or large bundles — the core script is lightweight (≈2 KB minified and gzipped) and dependency-free.
Key features include:
- Touch-friendly pointer and hover parallax effects for UI elements.
- Extremely lightweight with zero third-party dependencies.
- Framework support via dedicated adapters (React, Vue, Svelte, etc.).
- Highly configurable animations and offsets via attributes or options.
- Simple setup with CSS and JavaScript/JSX.
Common use cases include interactive product showcases, creative landing page effects, dynamic hero sections, and enhanced micro-interactions.
Atropos is maintained as an open-source project under the MIT license by contributors associated with UI and frontend tooling.
Comments
0Markdown is supported.