Design inspiration curated from X
progressive css-only pagination indicators w/ anchor positioning na... - jhey ʕ•ᴥ•ʔ
Published by jhey ʕ•ᴥ•ʔ on October 15, 2025.
Design notes
progressive css-only pagination indicators w/ anchor positioning nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current
This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.
Image rights and licensing remain with jhey ʕ•ᴥ•ʔ; use the original X post for source and licensing inquiries.
Deep Clone · React 19 + Framer Motion
Interactive Sandbox & Production Code
Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.
Reference details
- Creator
- jhey ʕ•ᴥ•ʔ
- X handle
- @jh3yy
- Published
- October 15, 2025
- Media
- 1 visual reference
- Views
- 52,163
- Likes
- 1,527
- Bookmarks
- 1,259