A Next.js App Router wrapper that plays a fade-and-slide entrance whenever the pathname changes, holding the previous content until the new route is ready.
Requires Next.js (app router).
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/page-transition.jsonAlso available as a markdown reference for AI agents: /components/page-transition.md
Marquee
A CSS-driven infinite scroller that repeats its children horizontally or vertically, with optional reverse direction and pause on hover.
Dot Pattern
An SVG dot-pattern background that fills its container and automatically redraws on resize, with an optional glowing animation per dot.
Animated List
A vertical list that reveals items one by one on a timer, animating scale and opacity with Motion and stacking the newest item on top.