Components
Liquid Connector
A dependency-free SVG path-math component for a continuous liquid card-to-prompt peel interaction with keyboard and reduced-motion support.
import LiquidConnector from "@/components/ui/liquid-connector";
export default function LiquidConnectorDemo() {
return (
<LiquidConnector
open
gap={10}
provider="Notion"
eyebrow="MCP Connector"
placeholder="Ask anything..."
connectLabel="Connect"
skipLabel="Skip"
promptLabel="Prompt"
sendLabel="Send prompt"
stageLabel="Liquid connector prompt"
/>
);
}