Liquid gooey
Morphing interfaces for native TypeScript, Astro, and Vue.
Installation
npm install @danixts/liquid-gooey
import { LiquidGroup, LiquidItem } from '@danixts/liquid-gooey/astro'
<LiquidGroup><LiquidItem as="button">Action</LiquidItem></LiquidGroup>npm install @danixts/liquid-gooey vue
import { LiquidGroup, LiquidItem } from '@danixts/liquid-gooey/vue'Playground
One group, typed live options
Effect
Component variants
Menus, pills, buttons, and surfaces
Action menu
Navigation pill
Spring button
Floating action
Dissolve badge
Search surface
Form use cases
Inputs, switches, sliders, and number controls
Notification switch
Intensity slider
Quantity stepper
Native Astro and Vue
Shared TypeScript engine
Astro
Mount native DOM controllers from a processed TypeScript script with zero framework runtime.
Vue 3
Compose LiquidGroup and LiquidItem with reactive typed props and automatic lifecycle cleanup.