# AI components

> Supercharge your projects with 53 AI-focused React components, designed for seamless integration with Tailwind CSS and Next.js.

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

- [AI Gen](https://21st.dev/@designali-in/components/ai-gen.md) — by Ali Imam
- [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
- [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
- [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
- [Animated AI Input](https://21st.dev/@kokonutd/components/animated-ai-input.md) — by Kokonut Baffier
- [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
- [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
- [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
- [AI Chat Image Generation](https://21st.dev/@gonzalochale/components/ai-chat-image-generation-1.md) — by gonzalo chalé
- [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
- [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
- [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
- [Integrations Component](https://21st.dev/@meschacirung/components/integrations-component/integrations-6.md) — by Méschac Irung
- [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
- [Ai Assistant](https://21st.dev/@coderislive07/components/ai-assistat.md) — by Mridul Dhamija
- [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
- [Ai Models Preview](https://21st.dev/@moazamtrade/components/ai-models-preview.md) — by shadway
- [Prompt Suggestion](https://21st.dev/@ibelick/components/prompt-suggestion.md) — by Julien Thibeaut
- [Flux Card Hero](https://21st.dev/@muhammad-binsalman/components/flux-card-hero.md) — by M.bin Salman
- [AI Thinking Block](https://21st.dev/@preetsuthar17/components/ai-thinking-block.md) — by Preet Suthar
- [Orb](https://21st.dev/@ElevenLabs-crawled/components/orb.md) — by ElevenLabs
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool.md) — by Serafim
- [Shimmer Text](https://21st.dev/@edwinvakayil/components/shimmer-text.md) — by Edwin Vakayil
- [Light Saas Hero Section](https://21st.dev/@muhammad-binsalman/components/light-saas-hero-section.md) — by M.bin Salman
- [AI Agent Pipeline](https://21st.dev/@monolythdev/components/ai-agent-pipeline.md) — by Dani Raulisa
- [AI Input](https://21st.dev/@haydenbleasel/components/ai-input.md) — by Hayden Bleasel
- [Content Default](https://21st.dev/@meschacirung/components/content-default/content-one.md) — by Méschac Irung
- [Terminal Control Section Animated](https://21st.dev/@minhxthanh/components/terminal-control-section-animated.md) — by Le Thanh
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool/text-answer.md) — by Serafim
- [neurons hero](https://21st.dev/@dhileepkumargm/components/neurons-hero.md) — by Dhileep Kumar GM
- [Hero Section 06](https://21st.dev/@ruixen.ui/components/hero-section06.md) — by Ruixen UI
- [Bento Grid](https://21st.dev/@ravikatiyar162/components/bento-grid.md) — by Ravi Katiyar
- [AI Swarm Visualization](https://21st.dev/@spydiecy/components/ai-swarm-visualization.md) — by Tanishq
- [Thinking Tool](https://21st.dev/@serafimcloud/components/thinking-tool.md) — by Serafim
- [Section Component](https://21st.dev/@minhxthanh/components/section-component.md) — by Le Thanh
- [Bot Detection](https://21st.dev/@amanshakya1808/components/bot-detection.md) — by Aman Shakya
- [Ruixen Prompt Box](https://21st.dev/@ruixen.ui/components/ruixen-prompt-box.md) — by Ruixen UI
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group/interrupted.md) — by Serafim
- [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions.md) — by Julien Thibeaut

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