AI Thinking
hextaui/ai-thinkingFreeComponent
Display AI thinking process with animated scrolling content.
Install it
npx shadcn@latest add https://hextaui.com/r/ai-thinking.jsonSource
1"use client";23import { useEffect, useRef, useState } from "react";4import { cn } from "@/lib/utils";5import { Card } from "@/registry/new-york/ui/card";6import { Spinner } from "@/registry/new-york/ui/spinner";78const SCROLL_CONFIG = {9 SPEED: 5,10 INITIAL_DELAY: 100,11} as const;1213const TIMER_CONFIG = {14 INTERVAL: 1000,15} as const;1617const DIMENSIONS = {18 CARD_HEIGHT: "150px",19 FADE_HEIGHT: "80px",20} as const;2122const SHIMMER_CONFIG = {23 DURATION: "5s",24 GRADIENT:25 "linear-gradient(110deg, #404040 35%, #fff 50%, #404040 75%, #404040)",26 BACKGROUND_SIZE: "200% 100%",27} as const;2829const THINKING_CONTENT = `Okay, first I need to understand what HextaUI is. It seems to be a UI library or framework, likely for web development. I should check the web results for any mentions of HextaUI.3031Looking at the web results, I see that HextaUI is mentioned in several contexts. It's described as a collection of modern, responsive, and customizable UI components for Next.js. It seems to be designed to help developers build websites more efficiently.3233I should look for more specific details. The results mention that HextaUI provides components that can be copied, adapted, and personalized. It also mentions that it's open-source and has a community of contributors.3435I should also check if there are any specific features or benefits mentioned. The results talk about the components being responsive and customizable, which are important for modern web development. It also mentions that the components are designed to be production-ready.3637I should consider if there are any drawbacks or limitations mentioned. The results don't seem to mention any significant drawbacks, but I should keep in mind that any library or framework will have its own set of trade-offs.3839I should also consider the credibility of the sources. The results include mentions from GitHub, Product Hunt, and other development-related websites, which are generally reliable sources for information about software libraries.4041Based on the information from the web results, I can conclude that HextaUI is a UI component library for Next.js that provides modern, responsive, and customizable components for building websites. It's open-source and has a community of contributors.4243// … truncated
What it pulls in
Other registry items
Files it writes
More from HextaUI
All 139 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | HextaUI | Components | Free | 1 dep | |
| AI Chat Historyai-chat-history | HextaUI | Components | Free | no deps | |
| AI Citationsai-citations | HextaUI | Components | Free | no deps | |
| AI Conversationai-conversation | HextaUI | Components | Free | no deps | |
| AI Error Handlerai-error-handler | HextaUI | Components | Free | no deps | |
| AI File Uploadai-file-upload | HextaUI | Components | Free | no deps | |
| AI Messageai-message | HextaUI | Components | Free | 4 deps | |
| AI Model Selectorai-model-selector | HextaUI | Components | Free | no deps |
