Cool Loading Template
A neumorphic loading screen that wipes away into a portfolio intro, built with Next.js 16 and Framer Motion.
Cool Loading Template is an intro sequence for a portfolio. A soft, neumorphic pill counts up while a neon blob drifts inside it and a ticker of developer roles scrolls behind.
When loading finishes, a clip-path wipe follows the cursor to erase the percentage and reveal the headline, then the card zooms out into the page with a staggered type entrance and a scroll prompt.
Built with Next.js 16, React 19, Tailwind CSS v4 and Framer Motion.
What it does
- Neumorphic loading pill with an animated neon blob
- Cursor-driven clip-path wipe that reveals the headline
- A kinetic marquee of roles in the background
- Zoom-out transition into the page
- Staggered hero typography
Built with
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion