Skip to content

feat: add interactive hinge hero - #13

Merged
janicduplessis merged 3 commits into
mainfrom
@janic/interactive-hinges-hero
Sep 22, 2026
Merged

janicduplessis merged 3 commits into
mainfrom
@janic/interactive-hinges-hero

Conversation

@janicduplessis

@janicduplessis janicduplessis commented Sep 21, 2026 •

Copy link
Copy Markdown
Contributor

Description

The Hinges landing illustration was static, so it could not show how hinge angle relates to posture. This adds an illustrative, user-controlled fold while keeping it separate from native device readings. It also adds a prominent link to the existing Reanimated integration guide.

Closes #15.

Solution

The range control updates the two screen halves, displayed radians, and illustrative posture together. Labels stay readable and reduced motion disables transitions. The Reanimated link makes the optional native shared-value integration discoverable without promising a delivery rate or frame rate.

Test plan

  • Built the production Docusaurus site.
  • In a browser, changed the slider to 0.20 rad and confirmed the halves folded around the hinge with the closed illustrative posture.
  • Focused the slider and pressed Right Arrow; the visible value changed to 0.21 rad.

@janicduplessis
janicduplessis marked this pull request as ready for review September 21, 2026 15:30
@janicduplessis
janicduplessis merged commit 48128ee into main Sep 22, 2026
4 checks 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.

Add interactive Hinges landing preview

1 participant