1 repository
Simultaneous rendering of both outgoing and incoming page content in the DOM to enable overlapping transitions.
Distinct from Content Page Managers: Nothing in the shortlist covers the concept of maintaining two versions of a page container for simultaneous animation.
Explore 1 awesome GitHub repository matching user interface & experience · Parallel DOM Rendering. Refine with filters or upvote what's useful.
Swup este o bibliotecă de tranziție a paginilor și un încărcător de pagini AJAX conceput pentru a crea tranziții animate, fluide, între paginile site-urilor randate pe server. Funcționează ca un orchestrator de conținut DOM și manager de istoric al browserului, interceptând navigarea pentru a înlocui dinamic conținutul paginii și a simula o experiență de aplicație single-page. Proiectul se diferențiază printr-un sistem de ciclu de viață bazat pe hook-uri și o arhitectură de plugin-uri care permite injectarea de logică personalizată și efecte de animație. Suportă metode vizuale avansate, inclusiv morphing-ul conținutului DOM, randarea paralelă DOM pentru animații suprapuse și integrarea cu API-ul nativ al browserului View Transitions. Biblioteca acoperă o gamă largă de capabilități, inclusiv gestionarea navigării client-side, caching-ul paginilor bazat pe memorie și preîncărcarea paginilor în fundal pentru a optimiza performanța. De asemenea, oferă restaurarea completă a poziției de scroll, optimizări de accesibilitate pentru cititoarele de ecran și instrumente pentru sincronizarea metadatelor head-ului documentului și execuția scripturilor în timpul tranzițiilor.
Retains previous page content in the DOM to run incoming and outgoing animations simultaneously.