diff --git a/apps/v4/components/search-directory.tsx b/apps/v4/components/search-directory.tsx index ff858a2e1cc..73b88b93462 100644 --- a/apps/v4/components/search-directory.tsx +++ b/apps/v4/components/search-directory.tsx @@ -11,7 +11,7 @@ import { } from "@/registry/new-york-v4/ui/input-group" export const SearchDirectory = () => { - const { query, setQuery } = useSearchRegistry() + const { query, registries, setQuery } = useSearchRegistry() const onQueryChange = (e: React.ChangeEvent) => { const value = e.target.value @@ -29,6 +29,12 @@ export const SearchDirectory = () => { value={query} onChange={onQueryChange} /> + + + {registries.length}{" "} + {registries.length === 1 ? "registry" : "registries"} + + /`. +} + className="gap-2! border-amber-200 bg-amber-50 p-2 font-semibold dark:border-amber-800 dark:bg-amber-900 *:[svg]:translate-y-1" +> + Community registries are maintained by third-party developers and are not + officially curated. Always review code on installation to ensure it meets your + security and quality standards. + + Don't see a registry? Learn how to [add it here](/docs/registry/registry-index). diff --git a/apps/v4/public/r/registries.json b/apps/v4/public/r/registries.json index 083b702baff..3708dd6c6db 100644 --- a/apps/v4/public/r/registries.json +++ b/apps/v4/public/r/registries.json @@ -118,5 +118,20 @@ "@tb-blocks": "https://tailwindbuilder.ai/r/blocks/{name}.json", "@heroicons-animated": "https://www.heroicons-animated.com/r/{name}.json", "@icons-animated": "https://icons.lndev.me/r/{name}.json", - "@forgeui": "https://forgeui.in/r/{name}.json" + "@forgeui": "https://forgeui.in/r/{name}.json", + "@darx": "https://darshitdev.in/r/{name}.json", + "@gamifykit": "https://gamifykit.com/r/{name}.json", + "@beste-ui": "https://ui.beste.co/r/{name}.json", + "@tokenui": "https://www.tokenui.dev/r/{name}.json", + "@lumiui": "https://www.lumiui.dev/r/{name}.json", + "@uselayouts": "https://uselayouts.com/r/{name}.json", + "@joyco": "https://registry.joyco.studio/r/{name}.json", + "@gooseui": "https://gooseui.pro/r/{name}.json", + "@baselayer": "https://www.baselayer.dev/r/{name}.json", + "@jolyui": "https://www.jolyui.dev/r/{name}.json", + "@fab-ui": "https://fab-ui.com/r/{name}.json", + "@asanshay": "https://ds.asanshay.com/r/{name}.json", + "@headcodecms": "https://headcodecms.com/r/{name}.json", + "@typedora-ui": "https://typedora-ui.netlify.app/r/{name}.json", + "@agents-ui": "https://livekit.io/ui/r/{name}.json" } diff --git a/apps/v4/registry/directory.json b/apps/v4/registry/directory.json index f31b71b7bfa..54554b9b474 100644 --- a/apps/v4/registry/directory.json +++ b/apps/v4/registry/directory.json @@ -137,7 +137,7 @@ "homepage": "https://chamaac.com", "url": "https://chamaac.com/r/{name}.json", "description": "A collection of beautiful, animated components to elevate your web projects instantly.", - "logo": "" + "logo": "" }, { "name": "@clerk", @@ -692,7 +692,7 @@ "description": "AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.", "logo": "" }, - { + { "name": "@icons-animated", "homepage": "https://icons.lndev.me", "url": "https://icons.lndev.me/r/{name}.json", @@ -705,5 +705,96 @@ "url": "https://www.heroicons-animated.com/r/{name}.json", "description": "An open-source collection of 316 beautifully animated heroicons for your projects.", "logo": "" + }, + { + "name": "@darx", + "homepage": "https://darshitdev.in/arts", + "url": "https://darshitdev.in/r/{name}.json", + "description": "Magic 3D Tabs component featuring mouse-interactive 3D rotation, floating particles background effect, and smooth spring animations.", + "logo": "" + }, + { + "name": "@beste-ui", + "homepage": "https://ui.beste.co", + "url": "https://ui.beste.co/r/registry.json", + "description": "Production-ready UI blocks for landing pages, dashboards, and web apps.", + "logo": "" + }, + { + "name": "@tokenui", + "homepage": "https://www.tokenui.dev", + "url": "https://www.tokenui.dev/r/{name}.json", + "description": "Beautiful, interactive documentation components for your design tokens following industry standards.", + "logo": "" + }, + { + "name": "@lumiui", + "homepage": "https://www.lumiui.dev", + "url": "https://www.lumiui.dev/r/{name}.json", + "description": "Composable React components powered by Base UI and Tailwind CSS — Build fast, customize everything.", + "logo": "" + }, + { + "name": "@uselayouts", + "homepage": "https://uselayouts.com", + "url": "https://uselayouts.com/r/{name}.json", + "description": "A collection of premium animated React components and micro-interactions built with Motion for building fluid, professional interfaces.", + "logo": "" + }, + { + "name": "@joyco", + "homepage": "https://registry.joyco.studio", + "url": "https://registry.joyco.studio/r/{name}.json", + "description": "Components including MobileMenu, ScrollArea with gradients, Chat UI, HLSVideoPlayer, and Marquee.", + "logo": "" + }, + { + "name": "@gooseui", + "homepage": "https://gooseui.pro", + "url": "https://gooseui.pro/r/{name}.json", + "description": "Open source component library with animated components, beautiful effects, and custom toast notifications. Built with Radix UI and Tailwind CSS.", + "logo": "" + }, + { + "name": "@baselayer", + "homepage": "https://www.baselayer.dev", + "url": "https://www.baselayer.dev/r/{name}.json", + "description": "A collection of components built on React Aria, Tailwind CSS, and tailwind-variants.", + "logo": "" + }, + { + "name": "@jolyui", + "homepage": "https://www.jolyui.dev", + "url": "https://www.jolyui.dev/r/{name}.json", + "description": "JolyUI is a modern React component library built with TypeScript and Tailwind CSS.", + "logo": "" + }, + { + "name": "@fab-ui", + "homepage": "https://fab-ui.com", + "url": "https://fab-ui.com/r/{name}.json", + "description": "A collection of beautifully designed UI components for building modern web applications.", + "logo": "" + }, + { + "name": "@asanshay", + "homepage": "https://ds.asanshay.com", + "url": "https://ds.asanshay.com/r/{name}.json", + "description": "Clean, beautiful, and simple UI primitives and AI elements.", + "logo": "" + }, + { + "name": "@headcodecms", + "homepage": "https://headcodecms.com", + "url": "https://headcodecms.com/r/{name}.json", + "description": "A Minimalistic Web CMS for Next.js, optimized for Cache Components.", + "logo": "" + }, + { + "name": "@typedora-ui", + "homepage": "https://typedora-ui.netlify.app", + "url": "https://typedora-ui.netlify.app/r/{name}.json", + "description": "Typedora UI is a next-generation extension layer for shadcn/ui, designed to bring full type-safety to your UI components.", + "logo": "" } -] \ No newline at end of file +]