page-transitions
CommunityCinematic 3-layer overlay during navigation.
Authordeomiarn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a visually polished, non-intrusive page transition that covers the screen during navigation and reveals only when the new page is ready, reducing perceived load.
Core Features & Use Cases
- 3-Layer Overlay: Staggered color layers cover the screen on navigation.
- Wait for Load: Overlay remains until the new page is fully loaded.
- Accessibility: Respect reduced motion preferences and avoid blocking interactions.
Quick Start
Implement the PageTransition component in the locale layout and ensure transitions fire on route changes.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: page-transitions Download link: https://github.com/deomiarn/website-template/archive/main.zip#page-transitions Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.