Builder to create widgets

Building Blocks for the Web

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

Files
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
prompt-input-01
Files
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
prompt-input-02
Files
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
prompt-input-03