Skip to content

feat: add liquid morphing reorderable tabs - #136

Merged
starc007 merged 4 commits into
mainfrom
feat/morphing-reorderable-tabs
Aug 6, 2026
Merged

feat: add liquid morphing reorderable tabs#136
starc007 merged 4 commits into
mainfrom
feat/morphing-reorderable-tabs

Conversation

@starc007

@starc007 starc007 commented Aug 6, 2026

Copy link
Copy Markdown
Owner

What changed

  • add a new liquid morphing tabs block with equal-size tabs merged into the content surface
  • support click selection and pointer/keyboard reordering
  • rebuild drag behavior around fixed slots and spring physics for symmetric, interruptible movement
  • move adjacent tabs at the 50% overlap threshold and keep the active liquid surface attached during reordering
  • add the public preview, registry metadata, launch date, and install wiring
  • upgrade the site to Next.js 16.3 and migrate middleware.ts to the proxy.ts convention

Why

The block provides a polished, reusable tab interaction where the selected tab feels physically joined to its panel while tabs can be reordered without text drift, detached corners, or asymmetric drag jitter.

Validation

  • bun run check
  • bunx next typegen
  • bun test — 174 passing tests
  • repeated browser drag checks in both directions, selection after reorder, 50% crossover behavior, and selected-surface alignment

@starc007
starc007 marked this pull request as ready for review August 6, 2026 18:05
@starc007
starc007 merged commit 17c02a3 into main Aug 6, 2026
1 check passed
@starc007
starc007 deleted the feat/morphing-reorderable-tabs branch August 6, 2026 18:08
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