Building Blocks for the Web

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Browse Blocks Add a block

Featured Sidekick Prompt Input Dashboard

Browse all blocks

A prompt input with an action menu that expands into agent mode and reveals footer controls

Open in

app/prompt-input-01/page.tsx

import { AgentPromptInput } from "@/registry/new-york/blocks/prompt-input-01/components/agent-prompt-input"

export default function Page() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
      <AgentPromptInput />
    </div>
  )
}

A prompt input with an action menu that expands into agent mode and reveals footer controls.

prompt-input-01

A compact prompt input with minimal chrome and tiny action icons inspired by Cursor

Open in

app/prompt-input-02/page.tsx

import { CursorPromptInput } from "@/registry/new-york/blocks/prompt-input-02/components/cursor-prompt-input"

export default function Page() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
      <CursorPromptInput />
    </div>
  )
}

A compact prompt input with minimal chrome and tiny action icons inspired by Cursor.

prompt-input-02

A prompt input with a secondary upgrade banner below the composer

Open in

app/prompt-input-03/page.tsx

import { ClaudePromptInput } from "@/registry/new-york/blocks/prompt-input-03/components/claude-prompt-input"

export default function Page() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
      <ClaudePromptInput />
    </div>
  )
}

A prompt input with a secondary upgrade banner below the composer.

prompt-input-03