shadcnblocks

Outline icon button with loading spinner and disabled state.

Disabled outline icon button.

Outline icon button with notification count badge.

Secondary icon-only button with aria-label.

Secondary icon button with rounded-full styling.

Secondary icon button with loading spinner and disabled state.

Disabled secondary icon button.

Secondary icon button with notification count badge.

Outline icon buttons at extra-small, small, default, and large icon sizes.

Default icon-only button with aria-label.

Default icon button with rounded-full styling.

Default icon button with loading spinner and disabled state.

Disabled default icon button.

Default icon button with notification count badge.

Link variant button styled as text link.

Link button with leading icon.

Link button with trailing icon.

Link button with rounded-full corners.

Link button with loading spinner and disabled state.

Link button with count badge indicator.

Link button with keyboard shortcut indicator.

A native anchor styled with shadcn/ui button variants for navigation that should look like a button.

Icon-only button that expands to a pill with label on hover.

Outline expand button that reveals label on hover from icon-only state.

Button with a fold reveal hover effect and inverted text color.

Outline variant with fold hover reveal on a neutral background.

Ghost variant with subtle accent fold on hover.

Button that morphs to a circular spinner while loading.

Secondary variant morph button with icon and async loading state.

Outline variant button with text label.

Outline button with leading icon.

Outline button with trailing icon.

Outline button with rounded-full corners.

Outline button with loading spinner and disabled state.

Outline button with count badge indicator.

Outline button with keyboard shortcut indicator.

Secondary variant button with text label.

Secondary button with leading icon.

Secondary button with trailing icon.

Secondary button with rounded-full corners.

Secondary button with loading spinner and disabled state.

Secondary button with count badge indicator.

Secondary button with keyboard shortcut indicator.

Outline buttons at extra-small, small, default, and large text sizes.

Default variant buttons at xs, sm, default, and lg sizes.

Ghost buttons at xs, sm, default, and lg sizes.

Destructive buttons at xs, sm, default, and lg sizes.

Default button with text label.