Skip to main content
Glama
TextShimmerLoader.tsx722 B
'use client'; import { cn } from "@/lib/utils"; export function TextShimmerLoader({ text = "Waiting for the first token to arrive...", className, size = "sm", }: { text?: string className?: string size?: "sm" | "md" | "lg" }) { const textSizes = { sm: "text-xs", md: "text-sm", lg: "text-base", } return ( <div className={cn( "relative bg-[length:200%_auto] bg-clip-text font-medium text-transparent animate-shimmer", "bg-[linear-gradient(to_right,transparent_5%,var(--foreground)_45%,var(--primary)_55%,transparent_95%)]", textSizes[size], className, )} > {text} </div> ) }

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/myeong-ga/research-agent-mcp-0.36-pro-preview-06-01'

If you have feedback or need assistance with the MCP directory API, please join our Discord server