Skip to content

feat: page transitions and motion across Strata, graphite-ui 1.2.0 - #165

Merged
AmrMsCLL merged 2 commits into
mainfrom
feat/motion
Oct 20, 2026
Merged

AmrMsCLL merged 2 commits into
mainfrom
feat/motion

Conversation

@AmrMsCLL

Copy link
Copy Markdown
Member

Smoother, more modern motion across Strata, built on graphite-ui 1.2.0 (Project-Graphite/graphite-ui#24). No new dependency. Everything is off under prefers-reduced-motion: reduce.

  • graphite-ui 1.2.0: brings sliding sidebar and phone tab bar highlights, a tab underline that morphs between pages, a header border that appears on scroll, menus and popovers that grow from their anchor, dialogs and snackbars that rise in, press feedback on buttons, a pop on checkboxes, and smooth <details>. List rows fade in.
  • Page changes: Shell wraps the routed page in PageTransition, so the old page fades out while the new one plays its page-enter rise. CrashBoundary no longer needs key={pathname}, because the keyed transition remounts it. ScrollToTop is a layout effect, so the new page is captured at the top.
  • Tasks: the strike-through draws across the title when a task is done.
  • Habits: the check fills in. A check by the user plays a pop and a ring; already-checked habits don't animate on load.
  • Settings → Apps: the tile check fills in smoothly.
  • Spending overview: stats count smoothly to the new values when the period changes (<Amount tween>). The first render shows the final value, so the swap from skeleton stays seamless.
  • Signed-out home page: the feature cards come in one after another and get a hover border.

Checked on a dev server against the local stack: the view transition, tab underline morph, sidebar and 390px tab bar slides, header, menu, dialog, palette, snackbar, task strike-through and habit animations. Lint and the frontend build pass.

Not seen working in the browser: the task checkbox pop on a real completion and the spending tween, because the local backend went down mid-check.

@github-actions github-actions Bot added the size/m 51-200 changed lines, excluding lockfiles label Oct 20, 2026
@AmrMsCLL
AmrMsCLL merged commit b061cde into main Oct 20, 2026
7 checks passed
@AmrMsCLL
AmrMsCLL deleted the feat/motion branch October 20, 2026 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size/m 51-200 changed lines, excluding lockfiles

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant