shadcnblocks

OTP with Error State.

OTP with Success State.

Email Verification Flow.

Two-Factor Authentication.

SMS Verification.

Transaction Confirmation.

Numeric Only OTP.

Masked OTP Input.

Different Length OTP Variants.

File input with selected file list and remove actions.

Time Input.

Range Slider with Value.

Disabled Input.

Currency Input.

Input with Label.

Input with Description.

Input with Helper Text.

Required Field.

Optional Field.

Input with Character Counter.

Inline Label.

Email Input.

Password field with show and hide visibility toggle.

Number input with increment and decrement buttons.

Search Input.

Date Input.

Phone Input.

URL Input.

Error State.

Success State.

Warning State.

Multiple Validation Messages.

Input validates on change with live error messaging.

A vertical list of integrations with icons, titles, descriptions, and outline connect buttons in a narrow centered column.

A tabbed component showcasing categorized integrations with toggles for connection status and details button, scaling from one to three columns.

A centered connection prompt showing two platform logos, a permissions checklist, and cancel or connect action buttons.

A row of app icons in a macOS-style dock that scale and float on hover using spring-based motion values.

Centered integrations pitch with outline badge, gradient headline, and a draggable auto-scrolling logo marquee that lifts and glows on hover.

Two-column integrations section with badge, headline, CTA on the left and a dense logo grid of linked tools that reveal documentation hints on hover.

Centered integrations headline with dual CTAs above categorized tool cards filtered by tabs on desktop and a select menu on mobile.

Hairline logo grid of named partner cards with live or idle status. Clicking a card opens a settings dialog with enable, webhook, and event controls.

Stacked partner rows that expand accordion-style into enable, alert channel, and daily digest settings, with connected and not-connected status.

Circular hub diagram with clickable partner nodes. Hover highlights a spoke; click opens a settings dialog with enable and environment.

Six integration cards in a two-column grid with icons, titles, descriptions, and a request integration call-to-action.

Tabbed catalog of connect cards that open a workspace URL and environment dialog, with category tabs that keep a stable height.

Three-column cards with a logo tile, category badge, description, and a connect button that opens an API key and test mode dialog.

Search field and category filters above a logo-card grid. Clicking a tile opens a connect dialog with read, write, and webhook permission checkboxes.

Heading and short copy above a tight logo grid with an outer border. Clicking a cell opens a connect dialog with OAuth scope checkboxes.