Command Palette

Search for a command to run...

4Twitter
Morphing Square
A customizable morphing square loader component for indicating loading states in your application. Features smooth shape transitions and optional loading messages.

Installation

pnpm dlx shadcn@latest add "https://moleculeui.design/r/morphing-square"

Usage

import { MorphingSquare } from "@/components/molecule-ui/morphing-square"
<MorphingSquare />

Examples

With message

Props

PropTypeDefault
messagePlacement?
"top" | "bottom" | "left" | "right"
bottom
message?
string
-