App Shell First
Four corner brackets hold the layout alone while the content slot sits empty, then the laid-out content region arrives as one unit from below and seats itself.
CSS
Frameworks
15 animationsClient Navigation
The window, rail and nav items hold perfectly still while only the clipped content subtree pages across and the route marker in the crumb bar moves with it.
CSSEdge Rendering
A request sweeps the whole rail to the origin box, then the near node lights and the next request turns around a third of the way along.
CSSHydration Pass
A static tree of faint edges and hollow nodes takes on interactivity in depth order, the accent ring landing on the root, then both branches, then all four leaves.
CSSIslands Of Interactivity
A field of inert markup holds perfectly still while three island borders draw themselves around their regions one after another and stay live.
CSSOut-of-order Streaming
Three panels reserved in document order are filled by chunks that drop off the top rail in the order two, three, one, each landing in its own panel.
CSSPartial Rendering
Three document bands hold their drawing untouched while the bracketed third band is invalidated and redrawn behind a single sweep front.
CSSPrefetch On Intent
A pointer ring closes on the middle of three links, the payload leaves that link and grows into the holding slot, and only then does the click land.
CSSPrerendered Routes
A stack of routes built ahead of the request stands ready, and when the request pip reaches it the top sheet comes straight back to the served slot.
CSSSelective Hydration
Five units queued in document order reorder when the touched fourth unit leaves its slot, rises to the head of the queue and the three above it drop down.
CSSServer Component
A component renders on the server side of the boundary and ships a flat payload across, while the needle on the client-bundle rule twitches and returns to zero.
CSSStale While Revalidating
The cached copy leaves for the client before anything is checked, and only afterwards does the revalidation pip drop from the origin and step the version caret on a tick.
CSSStreamed Response
A source holds the connection open on the left while chunks of the response leave and return one at a time, the document accumulating rather than redrawing.
CSSSuspense Boundary
The siblings above and below stay rendered while the boundary alone breaks into dashes, holds a pulsing placeholder, then closes to a solid rule as its content resolves.
CSSView Transition
Two views cross-dissolve in place while the element they share leaves its slot in one, arcs over the gap, and lands in its larger slot in the other.
CSS