react18-loaders
Version:
A comprehensive library that unleashes the full potential of React 18 server components, providing customizable loading animation components alongside a fullscreen loader container. Designed to seamlessly integrate with React and Next.js.
2 lines (1 loc) • 593 B
CSS
.loader-container__container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;backdrop-filter:blur(1px);background:radial-gradient(circle,#535bf200 0% 150%,#8489f685,#535bf255);opacity:0;transition:all .5s}.loader-container__container *{animation-play-state:paused}.loader-container__loading{backdrop-filter:blur(3px);background:radial-gradient(circle,#535bf200 0% 0%,#8489f6b5 10%,#535bf255);pointer-events:all;opacity:1}.loader-container__loading *{animation-play-state:running}