Loading Screen V2

A dynamic curtain-reveal loading screen powered by GSAP that transforms page entry into an engaging visual experience. It combines a rapid-fire image sequence framed by minimalist brackets, pulsing typographic dots, and a smooth slide-up curtain that seamlessly unveils your website content.

Loading Screen V2

CategoryPage Transition

TagGSAP, Loading, Curtain, Image Sequence, Transition

Guide: How to UseView Guide

API References

Prop	Type	Default
images	Array of image URLs for the rapid central frame-flip sequence	DEFAULT_IMAGES (9 items)
barColor	Background color of the sliding curtain panel	#E74E1B
textColor	Color of the loading text label and bracket accents	#FFFFFF
text	Text label displayed beneath the image sequence	LOADING
frameInterval	Frame interval speed between consecutive images in milliseconds	105
dotInterval	Pulsing animation cycle speed of animated loading dots in milliseconds	240
curtainDuration	Duration of the sliding curtain reveal transition in seconds	0.7
minDuration	Minimum display duration in milliseconds before triggering curtain reveal	1200
autoPlay	Automatically initiates loading sequence and curtain reveal on page load	true
fullscreen	Toggles fixed fullscreen overlay mode across the entire viewport	true
loop	Enables infinite animation loop upon completion (useful for showroom demo)	false
loopDelay	Delay in seconds before restarting the loop sequence	2
onComplete	Callback function fired immediately when the curtain reveal completes	--