BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/delta-components/chatbot-window

chatbot-window

delta-components/chatbot-window
FreeBlock

Resizable AI chatbot interface with collapsible sidebar

Live preview

live · rendered by the registry
Rendered by delta-components on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://deltacomponents.dev/r/chatbot-window.json

Source

blocks/chatbot-window/page.tsxdeltacomponents.dev/r/chatbot-window.json
1"use client"
2
3import { ChatbotWindow } from "@/components/chatbot-window"
4
5export default function ChatbotWindowPage() {
6 return (
7 <div className="bg-background h-screen w-full">
8 <ChatbotWindow defaultOpen={false}>
9 <div className="flex items-center justify-center">
10 <div className="w-full max-w-lg space-y-20 px-5 text-justify">
11 <div className="mb-12 text-center">
12 <h2 className="font-heading mb-4 text-3xl font-bold">
13 Welcome to Your App
14 </h2>
15 <p className="text-muted-foreground text-lg">
16 Use the chat window on the right to interact with our AI
17 assistant. Click the expand button to open the chat interface.
18 </p>
19 </div>
20 {Array.from({ length: 2 }).map((_, index) => (
21 <div key={index}>
22 Lorem ipsum dolor sit amet consectetur adipisicing elit.
23 Obcaecati, reiciendis eum vitae nostrum, temporibus repudiandae
24 voluptatibus, natus iure ipsa velit odit quibusdam illum.
25 Quaerat cumque laudantium libero reprehenderit perferendis quo
26 nulla voluptate? Repellat tenetur labore exercitationem dicta
27 libero voluptate suscipit, iusto ea assumenda. Ipsa enim, quidem
28 atque modi error eaque, debitis perferendis, hic iste libero
29 dignissimos ea! Quod inventore beatae aspernatur nulla rem
30 perferendis aperiam at debitis delectus odit quia animi ex
31 mollitia vero molestias itaque deleniti, quos exercitationem
32 consequatur assumenda dolor? Quod reiciendis in similique
33 reprehenderit commodi quo blanditiis nobis hic ea optio illum
34 placeat officia alias quasi autem earum quos obcaecati,
35 voluptatum corporis quisquam. Quisquam iste, quas explicabo
36 omnis harum aut quam adipisci, voluptatem saepe accusantium
37 doloribus repellendus amet culpa magnam ex et dolores accusamus
38 commodi facere aliquam voluptatum alias? Officia expedita ut
39 vel? Beatae deserunt sequi id eos libero suscipit totam cum, sed
40 architecto atque quisquam et incidunt quod fuga ullam repellat
41 assumenda quos ab, voluptatum sint nesciunt? Ad sapiente est
42 laborum quam sint eius sequi. Eum, veniam dignissimos.
43// … truncated

What it pulls in

npm packages

  • lucide-react

Other registry items

  • button
  • avatar
  • select
  • textarea
  • resizable
  • @delta/ai-elements

Files it writes

  • registry/delta-ui/blocks/chatbot-window/page.tsx
  • registry/delta-ui/blocks/chatbot-window/components/chatbot-window.tsx

Facts

Registry
delta-components
Type
registry:block
Access
Free
Files written
2
Licence
MIT
First indexed
2026-08-04
Last confirmed
today

Go to the source

Docs on delta-components deltacomponents.dev pprunty/deltacomponents.dev on GitHub Raw registry item This item as JSON

More from delta-components

All 93 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
admin-inset-layoutadmin-inset-layoutdelta-componentsBlocksFree1 dep · 9 files
ai-chat-sidebarai-chat-sidebardelta-componentsBlocksFree1 dep · 2 files
auth-formauth-formdelta-componentsBlocksFree2 deps · 2 files
bottom-mobile-navbottom-mobile-navdelta-componentsBlocksFree1 dep · 3 files
interactive-feature-showcaseinteractive-feature-showcasedelta-componentsBlocksFreeno deps · 2 files
mapbox-grid-blockmapbox-grid-blockdelta-componentsBlocksFreeno deps
saas-dashboardsaas-dashboarddelta-componentsBlocksFree1 dep · 8 files
saas-header-layoutsaas-header-layoutdelta-componentsBlocksFreeno deps · 3 files
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex