Atropos.js è una libreria JavaScript leggera, gratuita e open-source che consente di creare effetti di parallasse 3D interattivi e touch-friendly al passaggio del mouse. È compatibile con JavaScript, React e come Web Component, facilitando l’integrazione in vari framework come Angular, Vue, Svelte e Solid. AtroposJS

Caratteristiche principali di Atropos.js:

• Compatibilità touch-friendly: Utilizza eventi pointer, garantendo un funzionamento ottimale sia su dispositivi con mouse che su touchscreen.
• Leggerezza: Il file minificato e compresso di Atropos è di soli 2 KB, assicurando tempi di caricamento rapidi.
• Nessuna dipendenza: Non richiede l’inclusione di script di terze parti, semplificando l’integrazione nel progetto.
• Elevata personalizzazione: Offre ampie possibilità di configurazione per adattarsi alle esigenze specifiche del progetto.

Per iniziare con Atropos.js, è possibile installarlo tramite npm:

npm install atropos

Successivamente, è necessario includere il foglio di stile di Atropos nel progetto:

<link rel="stylesheet" href="path/to/atropos.css" />

Per l’utilizzo in ambienti senza moduli ES, è possibile aggiungere la libreria Atropos tramite un tag <script>:

<script src="path/to/atropos.min.js"></script>
<script>
  const myAtropos = Atropos({
    el: '.my-atropos',
    // altri parametri
  });
</script>

Per ulteriori dettagli sulla configurazione e sull’utilizzo di Atropos.js, è possibile consultare la documentazione ufficiale.

Per vedere Atropos.js in azione e comprendere meglio come implementarlo, puoi guardare il seguente video: