# AI Chat components

> Enhance your sites with 78 AI chat UI components for React, perfect for building modern conversational interfaces using Tailwind CSS.

177 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/ai-chat.

- [Glowing AI Chat Assistant](https://21st.dev/@muhammad-binsalman/components/glowing-ai-chat-assistant.md) — by M.bin Salman
- [AI Gen](https://21st.dev/@designali-in/components/ai-gen.md) — by Ali Imam
- [AI Chat Image Generation](https://21st.dev/@gonzalochale/components/ai-chat-image-generation-1.md) — by gonzalo chalé
- [AI Assistant Interface](https://21st.dev/@rafa-porto/components/ai-assistant-interface.md) — by Rafael Porto
- [AI Chat](https://21st.dev/@beratberkayg/components/ai-chat.md) — by beratberkay
- [Canvas Effect](https://21st.dev/@designali-in/components/canvas-effect.md) — by Ali Imam
- [AI Actions](https://21st.dev/@designali-in/components/ai-actions.md) — by Ali Imam
- [AI Assistant Card](https://21st.dev/@ahmedmayara/components/ai-assistant-card.md) — by Ahmed Mayara
- [Ai Assistant](https://21st.dev/@coderislive07/components/ai-assistat.md) — by Mridul Dhamija
- [Agent Chat](https://21st.dev/@serafimcloud/components/agent-chat/error.md) — by Serafim
- [AI Message Bubble](https://21st.dev/@elements-/components/message-bubble.md) — by Cameron Kelliher
- [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed
- [Interactive Image Accordion](https://21st.dev/@minhxthanh/components/interactive-image-accordion.md) — by Le Thanh
- [v0 AI Chat](https://21st.dev/@kokonutd/components/v0-ai-chat.md) — by Kokonut Baffier
- [Animated AI Chat](https://21st.dev/@jatin-yadav05/components/animated-ai-chat.md) — by Jatin Yadav
- [Hero](https://21st.dev/@ohmfordev/components/hero.md) — by ohmfordev
- [Hero section with smooth bg Shader](https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader.md) — by shadway
- [AI Loader](https://21st.dev/@beratberkayg/components/ai-loader.md) — by beratberkay
- [AI Image Generator Hero](https://21st.dev/@ravikatiyar162/components/ai-image-generator-hero.md) — by Ravi Katiyar
- [AI Input With Loading](https://21st.dev/@kokonutd/components/ai-input-with-loading.md) — by Kokonut Baffier
- [Shining Text](https://21st.dev/@preetsuthar17/components/shining-text.md) — by Preet Suthar
- [Hero 1](https://21st.dev/@preetsuthar17/components/hero-1.md) — by Preet Suthar
- [Animated AI Input](https://21st.dev/@kokonutd/components/animated-ai-input.md) — by Kokonut Baffier
- [AI Input](https://21st.dev/@aghasisahakyan1/components/ai-input.md) — by Erik X
- [Bolt Style Chat](https://21st.dev/@hurerag24/components/bolt-style-chat.md) — by Hurera Sheikh
- [AI Chat Input](https://21st.dev/@preetsuthar17/components/ai-chat-input.md) — by Preet Suthar
- [Chat Input](https://21st.dev/@Alwurts/components/chat-input.md) — by simple-ai
- [Animated Generate Button (shadcn + Tailwind)](https://21st.dev/@moazamtrade/components/animated-generate-button-shadcn-tailwind.md) — by shadway
- [Features](https://21st.dev/@meschacirung/components/features/features-with-section.md) — by Méschac Irung
- [Hero Landing Page](https://21st.dev/@minhxthanh/components/hero-landing-page.md) — by Le Thanh
- [CTA with Marquee](https://21st.dev/@lyanchouss/components/cta-with-marquee/cta-with-video.md) — by Liana Pepanyan
- [Features](https://21st.dev/@meschacirung/components/features/features-marketing.md) — by Méschac Irung
- [Message loading](https://21st.dev/@jakobhoeg/components/message-loading.md) — by Jakob Hoeg Mørk
- [Sticky scroll cards section](https://21st.dev/@minhxthanh/components/sticky-scroll-cards-section.md) — by Le Thanh
- [Claude Style AI Input](https://21st.dev/@suraj-xd/components/claude-style-ai-input.md) — by Suraj Gaud
- [Features](https://21st.dev/@meschacirung/components/features/features-9.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-ai-chat.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-section-n-page.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-toggle.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-info.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-page.md) — by Méschac Irung
- [Myna Hero](https://21st.dev/@bankkroll/components/myna-hero.md) — by Bankk
- [Siri Orb](https://21st.dev/@m.umairwaheedansari/components/siri-orb.md) — by Umair Waheed
- [Voice Powered Orb](https://21st.dev/@isaiahbjork/components/voice-powered-orb.md) — by Isaiah
- [ai loader](https://21st.dev/@theutkarshmail/components/ai-loader.md) — by Utkarsh Pandey
- [AI Input Hero](https://21st.dev/@aghasisahakyan1/components/ai-input-hero.md) — by Erik X
- [Hero](https://21st.dev/@beratberkayg/components/hero.md) — by beratberkay
- [Feature Block Animated Card](https://21st.dev/@manuarora700/components/feature-block-animated-card.md) — by Manu Arora
- [Modern Hero Section](https://21st.dev/@ravikatiyar162/components/modern-hero-section.md) — by Ravi Katiyar
- [Floating Chat Widget](https://21st.dev/@moumensoliman/components/floating-chat-widget-shadcnui.md) — by Moumen Soliman
- [Integrations Component](https://21st.dev/@meschacirung/components/integrations-component/integrations-6.md) — by Méschac Irung
- [Chat Bubble](https://21st.dev/@jakobhoeg/components/chat-bubble.md) — by Jakob Hoeg Mørk
- [A modern Hero Section](https://21st.dev/@mdadul/components/a-modern-hero-section.md) — by Emdadul Islam
- [clipped-video-tab](https://21st.dev/@shaiksameer8921/components/clipped-video-tab.md) — by SAMEER SHAIK
- [AI Input with Suggestions](https://21st.dev/@kokonutd/components/ai-input-with-suggestions.md) — by Kokonut Baffier
- [Button](https://21st.dev/@hari/components/button-8.md) — by Hari Lamichhane
- [IA Siri Chat](https://21st.dev/@botsnew354/components/ia-siri-chat.md) — by S.dev
- [Response Stream](https://21st.dev/@ibelick/components/response-stream.md) — by Julien Thibeaut
- [Call to Action](https://21st.dev/@prebuiltui/components/call-to-action-1/gradient-call-to-action-section.md) — by prebuiltui
- [AI Planning](https://21st.dev/@arunjdass/components/ai-planning.md) — by Arun Dass

Full component directory: https://21st.dev/llms.txt