Skip to content

Implement cross-document view transitions#8

Merged
osteele merged 2 commits into
mainfrom
claude/explore-view-transitions-011CUybSrrxhPfshF529neFJ
Nov 14, 2025
Merged

Implement cross-document view transitions#8
osteele merged 2 commits into
mainfrom
claude/explore-view-transitions-011CUybSrrxhPfshF529neFJ

Conversation

@osteele

@osteele osteele commented Nov 14, 2025

Copy link
Copy Markdown
Owner

Implement Astro's View Transitions API to enable smooth page transitions:

  • Add ViewTransitions component to site layout
  • Persist header and footer across page navigations
  • Provides smoother, more app-like navigation experience

The header and footer will now stay in place during transitions while page content smoothly cross-fades between routes.

Implement Astro's View Transitions API to enable smooth page transitions:
- Add ViewTransitions component to site layout
- Persist header and footer across page navigations
- Provides smoother, more app-like navigation experience

The header and footer will now stay in place during transitions while
page content smoothly cross-fades between routes.
@osteele
osteele force-pushed the claude/explore-view-transitions-011CUybSrrxhPfshF529neFJ branch from ba5a441 to c25f20d Compare November 14, 2025 12:27
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Nov 14, 2025

Copy link
Copy Markdown

Deploying osteele-com with  Cloudflare Pages  Cloudflare Pages

Latest commit: e9963bb
Status: ✅  Deploy successful!
Preview URL: https://35a2b16c.osteele-com.pages.dev
Branch Preview URL: https://claude-explore-view-transiti.osteele-com.pages.dev

View logs

Add sophisticated view transitions throughout the site:

- Page title morphing: Titles smoothly morph between pages for continuity
- Category tile morphing: Category cards on software/projects pages morph
  into their destination page titles when clicked
- Product card morphing: Product thumbnails and titles morph from list view
  into detail page layout, creating iOS-style expand animations

These enhancements make navigation feel more fluid and app-like while
maintaining visual context as users move between pages.
@osteele
osteele merged commit 16937e7 into main Nov 14, 2025
2 checks passed
@osteele
osteele deleted the claude/explore-view-transitions-011CUybSrrxhPfshF529neFJ branch November 14, 2025 12:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants