Buttons: Liquid Buttons

Buttons: Liquid Buttons

Installation

No MCP yet? Connect your agent.

Layout

Buttons with a flowing liquid fill that sweeps across the surface on hover.

Source and integration

This reference resolves to the upstream components/blocks/components/buttons/liquid-buttons.tsx implementation. The registry response may bundle shared shadcn/ui files with the block. Review its file destinations against the project's existing primitives before integrating it; Catalogs stores no copy of those source files.

The implementation targets React with Tailwind CSS and the project's existing shadcn/ui setup. The upstream registry declares these runtime packages:

  • class-variance-authority
  • radix-ui

It declares no separate shadcn registry dependencies.