Build world-class interfaces
at superfast speed.

Explore 4,009 React blocks and connected product flows. Bring the interfaces you choose directly into your AI builder or codebase.

React & TypeScriptshadcn/ui & TailwindEditable source. Your own codebase.

A complete collection of product interfaces.

Marketing pages, dashboards, commerce, and agent workspaces. Choose the design, then take the editable source into your project.

Explore the full collection

Build with the AI tools you already use.

Choose an interface visually. Open it in Lovable or v0, copy an implementation prompt, or connect your coding agent through CoBlick MCP.

Open in your AI builder.

Take the block, its source references, and the instructions into the tool where you build.

Centered hero with browser mockupSource references + implementation instructions

Lovable, v0, ChatGPT, Claude, Bolt, and Replit.

Light and dark, designed together.

Two considered appearances for the same interface. Drag to compare.

Chat and artifact workspace interface preview

Connected screens for complete product flows.

Build onboarding, checkout, dashboards, and agent interfaces with screens organized around the task your user needs to finish.

Explore all UI flows

Customer onboarding

Help new accounts choose a goal, connect their tools, and create a project.

  • Goal selection
  • Tool connections
  • First project
Explore flow4 connected screens
  1. Goal selection step interface preview
    Choose a goal
  2. Connect tools step interface preview
    Connect the required tools
  3. Setup progress stepper interface preview
    Show durable progress
  4. First project empty state interface preview
    Hand off to the first project

Ecommerce checkout

Account options, delivery details, shipping, and order review in a connected flow.

  • Guest checkout
  • Delivery details
  • Order review
Explore flow4 connected screens
  1. Guest or account choice interface preview
    Choose guest or account
  2. Address validation helper interface preview
    Capture delivery details
  3. Delivery date picker interface preview
    Select delivery
  4. Order review step interface preview
    Review before payment

Operations dashboard

Overview, reports, data tables, and activity for everyday product operations.

  • App navigation
  • Reports & tables
  • Activity
Explore flow4 connected screens
  1. Dashboard home shell interface preview
    Enter the dashboard shell
  2. Dashboard grid layout interface preview
    Read the current summary
  3. Table with filters interface preview
    Act from the primary table
  4. Audit trail timeline interface preview
    Review recent changes

Agent workspace

Connect conversations, source context, and approval controls in one interface.

  • Context sources
  • Conversation
  • Action approvals
Explore flow4 connected screens
  1. Assistant workspace shell interface preview
    Open the workspace
  2. Context sources panel interface preview
    Review context sources
  3. Assistant chat panel interface preview
    Work in the conversation
  4. Action approval card interface preview
    Approve consequential actions

Get the full CoBlick collection.

Try 67 free blocks for personal projects. Pro and Team include the full 4,009-block catalog and commercial use.