BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/HextaUI/ai-thinking

AI Thinking

hextaui/ai-thinking
FreeComponent

Display AI thinking process with animated scrolling content.

Install it

npx shadcn@latest add https://hextaui.com/r/ai-thinking.json

Source

registry/new-york/blocks/ai/ai-thinking.tsxhextaui.com/r/ai-thinking.json · first 6 KB
1"use client";
2
3import { 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";
7
8const SCROLL_CONFIG = {
9 SPEED: 5,
10 INITIAL_DELAY: 100,
11} as const;
12
13const TIMER_CONFIG = {
14 INTERVAL: 1000,
15} as const;
16
17const DIMENSIONS = {
18 CARD_HEIGHT: "150px",
19 FADE_HEIGHT: "80px",
20} as const;
21
22const 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;
28
29const 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.
30
31Looking 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.
32
33I 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.
34
35I 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.
36
37I 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.
38
39I 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.
40
41Based 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.
42
43// … truncated

What it pulls in

Other registry items

  • card
  • spinner

Files it writes

  • registry/new-york/blocks/ai/ai-thinking.tsx

Facts

Registry
HextaUI
Type
registry:ui
Access
Free
Files written
1
Licence
the repository states none
In the index
at or before 2026-08-13
Last confirmed
yesterday

Go to the source

Docs on HextaUI hextaui.com preetsuthar17/HextaUI on GitHub Raw registry item This item as JSON

More from HextaUI

All 139 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
AccordionaccordionHextaUIComponentsFree1 dep
AI Chat Historyai-chat-historyHextaUIComponentsFreeno deps
AI Citationsai-citationsHextaUIComponentsFreeno deps
AI Conversationai-conversationHextaUIComponentsFreeno deps
AI Error Handlerai-error-handlerHextaUIComponentsFreeno deps
AI File Uploadai-file-uploadHextaUIComponentsFreeno deps
AI Messageai-messageHextaUIComponentsFree4 deps
AI Model Selectorai-model-selectorHextaUIComponentsFreeno deps

Also from Kynth Studios

Built for the same person as BlockDex

SkillWorks

Claude Code skills and plugins, scored

skillworks.kynth.studio

RuleStack

AGENTS.md gallery and agent-config comparison

rulestack.kynth.studio

ToolDrift

What the AI coding tools changed last night

tooldrift.kynth.studio

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

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

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

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

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

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

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex