MCPcopy Index your code

hub / github.com/kokonut-labs/kokonutui / functions

Functions296 in github.com/kokonut-labs/kokonutui

⨍ Functions 296◇ Types & classes 90
↓ 227 callersFunctioncn
(...inputs: ClassValue[])
lib/utils.ts:4
↓ 5 callersFunctioncopyEntrance
(delay: number)
components/landing/hero.tsx:63
↓ 5 callersFunctiononChange
()
hooks/use-mobile.ts:12
↓ 5 callersFunctiontileEntrance
(delay: number, restingRotate: number)
components/landing/hero.tsx:73
↓ 4 callersFunctiondicebearUrl
(seed: string)
components/kokonutui/team-selector.tsx:25
↓ 4 callersFunctionformatTime
(timeInSeconds: number)
components/kokonutui/liquid-glass-card.tsx:208
↓ 4 callersFunctionuseSidebar
()
components/ui/sidebar.tsx:46
↓ 3 callersFunctionformatBytes
(bytes: number, decimals = 2)
components/kokonutui/file-upload.tsx:58
↓ 3 callersFunctiongenerateAestheticPath
( index: number, position: number, type: "primary" | "secondary" | "accent" )
components/kokonutui/background-paths.tsx:31
↓ 3 callersFunctiongenerateUniqueId
(prefix: string)
components/kokonutui/background-paths.tsx:85
↓ 3 callersFunctionisActiveLink
(path: string)
components/kokonutui/morphic-navbar.tsx:31
↓ 3 callersFunctionprintDivider
()
scripts/build-registry.ts:28
↓ 2 callersFunctiongetCommand
(packageManager: string)
components/mdx/package-manager-tabs.tsx:76
↓ 2 callersFunctiongetTargetPath
(type: string)
scripts/build-registry.ts:206
↓ 2 callersFunctionhandleFileSelect
(e: React.ChangeEvent<HTMLInputElement>)
hooks/use-file-input.ts:14
↓ 2 callersFunctionhandleKeyDown
( e: React.KeyboardEvent, action: "increment" | "decrement" )
components/kokonutui/team-selector.tsx:121
↓ 2 callersFunctionhandleTabClick
(tabId: string)
components/kokonutui/smooth-tab.tsx:210
↓ 2 callersFunctionhandleTabClick
(tabId: string)
components/mdx/package-manager-tabs.tsx:61
↓ 2 callersFunctiontriggerVibration
()
components/kokonutui/team-selector.tsx:89
↓ 2 callersFunctionuseAutoResizeTextarea
({ minHeight, maxHeight, }: UseAutoResizeTextareaProps)
hooks/use-auto-resize-textarea.ts:8
↓ 1 callersFunctionanimate
()
components/kokonutui/matrix-text.tsx:91
↓ 1 callersFunctionanimate
()
components/kokonutui/beams-background.tsx:177
↓ 1 callersFunctionbaseOptions
()
app/layout.config.tsx:7
↓ 1 callersFunctioncalculateDistance
( x1: number, y1: number, x2: number, y2: number )
components/kokonutui/mouse-effect-card.tsx:68
↓ 1 callersFunctioncopyToClipboard
(value: string)
hooks/use-copy-to-clipboard.ts:12
↓ 1 callersFunctioncreateBeam
(width: number, height: number, isDarkMode: boolean)
components/kokonutui/beams-background.tsx:36
↓ 1 callersFunctiondrawBeam
(ctx: CanvasRenderingContext2D, beam: Beam)
components/kokonutui/beams-background.tsx:128
↓ 1 callersFunctionextractFrontmatter
( content: string )
scripts/build-registry.ts:70
↓ 1 callersFunctionfieldAngle
* Smooth organic 2D noise via a multi-octave trigonometric series. * Returns an angle in radians that evolves continuously with time `t`.
components/kokonutui/flow-field.tsx:89
↓ 1 callersFunctionformatNumber
(value: number)
components/landing/header.tsx:9
↓ 1 callersFunctionformatTime
(seconds: number)
components/kokonutui/ai-voice.tsx:41
↓ 1 callersFunctionformatTime
(seconds: number)
components/kokonutui/bento-grid.tsx:466
↓ 1 callersFunctiongenerateDots
(width: number, height: number, spacing: number)
components/kokonutui/mouse-effect-card.tsx:79
↓ 1 callersFunctiongenerateLLMsFile
(components: ComponentInfo[])
scripts/build-registry.ts:126
↓ 1 callersFunctiongetColorClass
(color = "emerald")
components/kokonutui/bento-grid.tsx:385
↓ 1 callersFunctiongetComponent
(fileName: string | null, folder: string)
lib/action.ts:13
↓ 1 callersFunctiongetComponentFiles
(files: File[], registryType: string)
scripts/build-registry.ts:175
↓ 1 callersFunctiongetComponentsInfo
()
scripts/build-registry.ts:86
↓ 1 callersFunctiongetFileName
()
components/mdx/preview-content.tsx:95
↓ 1 callersFunctiongetGithubStars
()
components/landing/header.tsx:16
↓ 1 callersFunctiongetTypingDelay
()
components/kokonutui/type-writer.tsx:62
↓ 1 callersFunctionhandleAvatarSelect
(avatar: Avatar)
components/kokonutui/avatar-picker.tsx:326
↓ 1 callersFunctionhandleContainerClick
()
components/kokonutui/ai-input-search.tsx:55
↓ 1 callersFunctionhandleCopyClick
()
components/mdx/preview-content.tsx:83
↓ 1 callersFunctionhandleDecrement
(e: React.MouseEvent | React.KeyboardEvent)
components/kokonutui/team-selector.tsx:109
↓ 1 callersFunctionhandleIncrement
(e: React.MouseEvent | React.KeyboardEvent)
components/kokonutui/team-selector.tsx:97
↓ 1 callersFunctionhandleItemClick
(itemId: string)
components/kokonutui/toolbar.tsx:119
↓ 1 callersFunctionhandleKeyDown
( e: React.KeyboardEvent<HTMLButtonElement>, tabId: string )
components/kokonutui/smooth-tab.tsx:218
↓ 1 callersFunctionhandleKeyDown
( e: React.KeyboardEvent<HTMLButtonElement>, tabId: string )
components/mdx/package-manager-tabs.tsx:66
↓ 1 callersFunctionhandleShare
(index: number)
components/kokonutui/social-button.tsx:50
↓ 1 callersFunctionhandleSubmit
()
components/kokonutui/ai-input-search.tsx:41
↓ 1 callersFunctionmain
()
scripts/build-registry.ts:243
↓ 1 callersFunctionopenInV0
()
components/mdx/preview-content.tsx:122
↓ 1 callersFunctionremoveTag
(tagId: string)
hooks/use-tags.ts:45
↓ 1 callersFunctionrender
()
components/kokonutui/flow-field.tsx:186
↓ 1 callersFunctionresetBeam
(beam: Beam, index: number, totalBeams: number)
components/kokonutui/beams-background.tsx:109
↓ 1 callersFunctionresize
()
components/kokonutui/flow-field.tsx:169
↓ 1 callersFunctionsetupObserver
(element: HTMLDivElement | null, index: number)
components/kokonutui/scroll-text.tsx:63
↓ 1 callersFunctionupdateCanvasSize
()
components/kokonutui/beams-background.tsx:92
↓ 1 callersFunctionupdateDarkMode
()
components/kokonutui/beams-background.tsx:79
↓ 1 callersFunctionupdateDimensions
()
components/kokonutui/smooth-tab.tsx:185
↓ 1 callersFunctionupdateDimensions
()
components/mdx/package-manager-tabs.tsx:36
↓ 1 callersFunctionupdateDots
()
components/kokonutui/mouse-effect-card.tsx:262
↓ 1 callersFunctionuseCopyToClipboard
({ timeout = 2000, onCopy, }: { timeout?: number; onCopy?: () => void; } = {})
hooks/use-copy-to-clipboard.ts:3
↓ 1 callersFunctionuseDebounce
(value: T, delay = 500)
hooks/use-debounce.ts:3
↓ 1 callersFunctionuseIsMobile
()
hooks/use-mobile.ts:5
↓ 1 callersFunctionvalidateAndSetFile
(file: File | undefined)
hooks/use-file-input.ts:19
↓ 1 callersFunctionwriteFileRecursive
(filePath: string, data: string)
scripts/build-registry.ts:45
FunctionAIInput_Voice
()
components/kokonutui/bento-grid.tsx:442
FunctionAILoadingState
()
components/kokonutui/ai-loading.tsx:122
FunctionAITextLoading
({ texts = [ "Thinking...", "Processing...", "Analyzing...", "Computing...", "Almost..."
components/kokonutui/ai-text-loading.tsx:23
FunctionAI_Input_Search
({ placeholder = "Search the web...", searchLabel = "Search", onSubmit, className, }: AIInputSearchPro
components/kokonutui/ai-input-search.tsx:27
FunctionAI_Prompt
({ models = DEFAULT_MODELS, defaultModel = "Claude 4.5 Sonnet", placeholder = "What can I do for you?",
components/kokonutui/ai-prompt.tsx:79
FunctionAI_Voice
()
components/kokonutui/ai-voice.tsx:17
FunctionActionSearchBar
({ actions = allActionsSample, defaultOpen = false, }: { actions?: Action[]; defaultOpen?: boolean; })
components/kokonutui/action-search-bar.tsx:118
FunctionAlert
({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>)
components/ui/alert.tsx:21
FunctionAlertDescription
({ className, ...props }: React.ComponentProps<"div">)
components/ui/alert.tsx:49
FunctionAlertTitle
({ className, ...props }: React.ComponentProps<"div">)
components/ui/alert.tsx:36
FunctionAnthropic
(props: React.SVGProps<SVGSVGElement>)
components/icons/anthropic.tsx:1
FunctionAnthropicDark
(props: SVGProps<SVGSVGElement>)
components/icons/anthropic-dark.tsx:3
FunctionAppleActivityCard
({ title = "Activity Rings", className, }: { title?: string; className?: string; })
components/kokonutui/apple-activity-card.tsx:175
FunctionArrowRightBroken
(props: SVGProps<SVGSVGElement>)
components/icons/arrow-right-broken.tsx:3
FunctionAttractButton
({ className, particleCount = 12, attractRadius = 50, ...props }: AttractButtonProps)
components/kokonutui/attract-button.tsx:31
FunctionBadge
({ className, variant, ...props }: BadgeProps)
components/ui/badge.tsx:30
FunctionBeamsBackground
({ className, intensity = "strong", }: AnimatedGradientBackgroundProps)
components/kokonutui/beams-background.tsx:55
FunctionBentoCard
({ item }: { item: BentoItem })
components/kokonutui/bento-grid.tsx:566
FunctionBentoGrid
()
components/kokonutui/bento-grid.tsx:693
FunctionButtonCta
({ children = "Get Started", variant = "primary", size = "sm", className, ...props }: ButtonProps)
components/button-cta.tsx:9
FunctionCard
({ product, index, totalCards, isExpanded, reducedMotion, }: CardProps)
components/kokonutui/card-stack.tsx:105
FunctionCard
({ item, dimmed, onHoverStart, onHoverEnd }: CardProps)
components/kokonutui/spotlight-cards.tsx:88
FunctionCardFlip
({ title = "Design Systems", subtitle = "Explore the fundamentals", description = "Dive deep into the wo
components/kokonutui/card-flip.tsx:24
FunctionCardStackExample
({ className }: CardStackProps)
components/kokonutui/card-stack.tsx:233
FunctionCarouselCards
()
components/kokonutui/carousel-cards.tsx:347
FunctionChartAnimation
({ value }: { value: number })
components/kokonutui/bento-grid.tsx:226
FunctionCheckmark
({ size = 100, strokeWidth = 2, color = "currentColor", className = "", }: CheckmarkProps)
components/kokonutui/currency-transfer.tsx:56
FunctionCheckoutIcon
(props: SVGProps<SVGSVGElement>)
components/icons/checkout.tsx:3
FunctionCircleProgress
({ data, index }: CircleProgressProps)
components/kokonutui/apple-activity-card.tsx:61
FunctionCircleTheme
(props: SVGProps<SVGSVGElement>)
components/icons/circle-theme.tsx:3
FunctionCommandButton
({ className, children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & { children?: React
components/kokonutui/command-button.tsx:15
FunctionCompassOutline
(props: SVGProps<SVGSVGElement>)
components/icons/compass.tsx:4
next →1–100 of 296, ranked by callers