Integration BadgeFree

Sculptural app mark in a precise tile — muted to full color with a near-imperceptible lift.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer Motion

Props

PropTypeDescription
logostringImage URL for the app mark
namestringIntegration name
status'connected' | 'available' | 'beta'Optional status chip
hrefstringOptional link wrapper
size'sm' | 'md' | 'lg'Badge size
monochromebooleanStart muted and reveal color on hover
classNamestringStyles for the outer shell

More Product Components

Minimal metadata token with an independent icon hover and soft selected bloom.