#1DesignActive7m ago
Item #1
Initial server-rendered item before scroll trigger.
Infinite Scroll (HTMX v4 Morph)
HTMX v4 Infinite Scroll with Morph
This demo uses HTMX v4's native outerMorph swap along withhx-trigger="intersect once" to seamlessly append new items when scrolling down.
hx-trigger="intersect once" hx-target="this" hx-swap="outerMorph"#2ProductIn Progress14m ago
Item #2
Initial server-rendered item before scroll trigger.
#3OperationsCompleted21m ago
Item #3
Initial server-rendered item before scroll trigger.
#4EngineeringIn Progress28m ago
Item #4
Initial server-rendered item before scroll trigger.
#5DesignActive35m ago
Item #5
Initial server-rendered item before scroll trigger.
#6ProductCompleted42m ago
Item #6
Initial server-rendered item before scroll trigger.
#7OperationsActive49m ago
Item #7
Initial server-rendered item before scroll trigger.
#8EngineeringIn Progress56m ago
Item #8
Initial server-rendered item before scroll trigger.
#9DesignCompleted3m ago
Item #9
Initial server-rendered item before scroll trigger.
#10ProductIn Progress10m ago
Item #10
Initial server-rendered item before scroll trigger.
Loading page 2...