Tools

{#if isHuggingChat}

beta

{/if}

Popular tools made by the community

This feature is experimental. Consider sharing your feedback with us!

{#if data.user?.isAdmin} Show unfeatured tools {/if} {#if page.data.loginRequired && !data.user} {:else} Create new tool {/if}

{#if toolsCreator && !createdByMe}

{toolsCreator}'s tools

{#if isHuggingChat} View {toolsCreator} on HF {/if} {:else} Active ({page.data.settings?.tools?.length}) Community {#if data.user?.username} {data.user.username} {/if} {/if}

filterOnName(e.currentTarget.value)} bind:this={filterInputEl} maxlength="150" type="search" aria-label="Filter tools by name" />

{#if !currentModelSupportTools}

You are currently not using a model that supports tools. Activate one here.

{/if}

{#each tools as tool} {@const isActive = (page.data.settings?.tools ?? []).includes(tool._id.toString())} {@const isOfficial = !tool.createdByName}

goto(`${base}/tools/${tool._id.toString()}`)} onkeydown={(e) => e.key === "Enter" && goto(`${base}/tools/${tool._id.toString()}`)} role="button" tabindex="0" class="relative flex flex-row items-center gap-4 overflow-hidden text-balance rounded-xl border bg-gray-50/50 px-4 text-center shadow hover:bg-gray-50 hover:shadow-inner dark:bg-gray-950/20 dark:hover:bg-gray-950/40 max-sm:px-4 sm:h-24 {!( tool.review === ReviewStatus.APPROVED ) && !isOfficial ? ' border-red-500/30' : 'dark:border-gray-800/70'}" class:!border-blue-600={isActive} > {#key tool.color + tool.icon} {/key}

{tool.displayName} {#if isActive} Active {/if} {tool.baseUrl ?? "Internal tool"}

{tool.description}

{#if !isOfficial}

Added by { e.stopPropagation(); bubble("click"); }} > {tool.createdByName} • {#if tool.useCount === 1} 1 run {:else} {tool.useCount} runs {/if}

{:else}

HuggingChat official tool

{/if}

{:else} {#if activeOnly} You don't have any active tools. {:else} No tools found {/if} {/each}