Skip to content

docs: add a landing page - #115

Merged
patrickmichalik merged 15 commits into
mainfrom
claude/library-landing-overview-47f1ef
Nov 7, 2026
Merged

patrickmichalik merged 15 commits into
mainfrom
claude/library-landing-overview-47f1ef

Conversation

@Skalakid

@Skalakid Skalakid commented Nov 6, 2026 •

Copy link
Copy Markdown
Collaborator

Adds a landing page at / with the hero, and moves the docs to /docs, with redirects from their old root paths. The landing page and the docs share Docusaurus's navbar. The hero's sheet is a real BottomSheet, and src/ is untouched. The highlight slides are in #116.

Not tested on Safari, Firefox or a real touch device.

🤖 Generated with Claude Code

Skalakid and others added 14 commits November 6, 2026 13:23
Saves the interactive proposal for the docs landing page: the prototype's
sources, its built page and the written plan. Aeonik stays out of git.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Serves a landing page at the root and moves the overview to /overview. The
hero is a real sheet: its copy inverts along the sheet's edge, and the header
matches the Reanimated and Gesture Handler docs.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Each slide is a BottomSheet resting with its top edge showing, so dragging,
snapping and the shadow are the library's own. As a sheet moves it brings the
next one along and sends the last one back. A wheel gesture, an arrow key or a
tap on the strip moves one slide. Adds the Software Mansion ending as the first
slide, with the sponsor's logo for each theme.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Adds the pieces every example shares, like the frame, code panel and chips, and
the first example: a music player whose queue is a sheet nested in its slide's
sheet, with cases for each kind of detent.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The comments are a sheet over a video page, with a live trace of how a drag
passes between the sheet and the list, and controls for each negotiation mode.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
A portfolio tracker whose watchlist is a sheet, with prices that roll every 5
seconds. Blocking JS for 4 seconds stops the updates while the sheet keeps
moving. The block is an illustration, since the web has only one thread.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Formats the new files with Prettier, which the commit hook skips for docs. Stops
a sheet's last position writes from failing once the page has unmounted, and
notes in the proposal that the shipped slides are real sheets.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
An example's sheet and the next slide's sheet looked alike, one right above the
other. On small screens the example now sits in a contained frame, the next
slide reads as a labeled bar, and a touch in the frame never moves the slide.
The description gives its space to the frame. Desktop is unchanged.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Receding moved a sheet's host above the screen, which the library read as a
status bar, so the sheet's '100%' stop came up short and slides drifted out of
place. An explicit topInset turns that off.

Slides were also expensive to move, most of all on wide screens. They now draw
their own corners and shadow, so the library doesn't clip them on every frame,
and moving one is a GPU transform. The stack stops forcing layout on each frame
and wheel event, examples mount when the browser is idle rather than mid-spring,
and slides that aren't showing pause their work.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
A mouse drag now acts like a finger on this example, shown as a circle,
with a short note saying so. The preview's code moved out of the scrollable
negotiation example so both can use it. The example also keeps the same
cursor and has only two stops, at rest and at the top.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The page is built now, so the prototype and proposal stay local.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The landing page moves out of components, as it's a page rather than a
reusable component, and each slide gets its own folder. Splits example.tsx
into copy, sheet and stage. Examples with extra files get their own folder.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Leaves the hero and the ending here. The highlight slides, their shared code
and the examples' folders follow in a separate PR, so each is easier to review.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-authored-by: Claude <noreply@anthropic.com>

@patrickmichalik patrickmichalik left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@patrickmichalik
patrickmichalik merged commit c239aa0 into main Nov 7, 2026
1 check passed
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