Skip to content

feat(docs): sidebar animation, background grid, prev/next nav#10

Merged
jal-co merged 2 commits intomainfrom
feat/docs-improvements
Mar 14, 2026
Merged

feat(docs): sidebar animation, background grid, prev/next nav#10
jal-co merged 2 commits intomainfrom
feat/docs-improvements

Conversation

@jal-co
Copy link
Owner

@jal-co jal-co commented Mar 13, 2026

Changes

Sidebar animation

  • Active nav item highlight slides smoothly between items using motion layoutId
  • Spring physics: stiffness 500, damping 35 (snappy, no float)
  • Scroll indicator z-index fixed to layer above the animated highlight

Background grid

  • Subtle line grid visible outside the dashed content borders
  • 28px cells align with the h-14 header
  • color-mix at 10% muted-foreground, works in both themes
  • Horizontal fade mask keeps the grid invisible over content

Prev/Next navigation

  • Bottom-of-page links to previous and next item in sidebar order
  • Renders on every docs page via layout (not per-page)
  • Skips bundled items

Dependencies

  • Adds motion (framer-motion successor)

jal-co added 2 commits March 13, 2026 10:56
- Add motion layoutId animation to sidebar active state
- Add subtle line grid background outside content area
- Grid aligns with h-14 header (28px cells)
- Add motion as dependency
- New PrevNextNav client component using sidebar nav order
- Renders at the bottom of every docs page via layout
- Skips bundled items, shows Previous/Next with titles
@jal-co jal-co merged commit 131e75b into main Mar 14, 2026
2 checks passed
@jal-co jal-co deleted the feat/docs-improvements branch March 14, 2026 00:21
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.

1 participant