Morphing Tabs
Animated tab indicator that morphs between active items.
Preview & code
GFA Studio CLI · Coming soon
build in motion
Studio
Ship UI blocks with spring layouts, theme tokens, and installable React or portable HTML in one place.
Installation
CLI
GFA Studio CLI — Coming soon
The `npx gfa-studio` installer is not published yet. Use Manual install below or download the artifact JSON.
Artifact JSON
https://ui.gkhn.dev/gfa/morphing-tabs.jsonManual
- Download the component source from https://ui.gkhn.dev/gfa/morphing-tabs.json (or copy from this repo: apps/web/src/blocks/gfa/morphing-tabs.tsx).
- Place it in your project (for example: ./src/blocks/gfa/morphing-tabs.tsx) and adjust imports/aliases.
- Ensure cn from @/lib/utils exists.
- Theme tokens and utilities should align with globals.css.