# Popup Tool Selector V0 Template: Fork It, Search It & Ship It - Tool: V0 Templates - Last updated: July 2026 ## TL;DR The Popup Tool Selector is a V0 template built with Next.js, shadcn/ui Popover, and Framer Motion. It renders a floating popup containing a searchable, categorised grid of tool cards — ideal for AI platforms, editor toolbars, or integration pickers. The prompt pack covers everything from real-time search and category tabs to Supabase-backed tool catalogs and Stripe paywall gating. ## Frequently asked questions ### Is the Popup Tool Selector template free to use? Yes — all V0 community templates are free to fork and use. You need a free V0 account to fork the template, but there is no charge for the template itself. Deploying to Vercel on the Hobby plan is also free for personal projects. ### Can I use this template in a commercial product? Yes. V0 community templates are open for commercial use. The generated Next.js and shadcn/ui code is yours once you fork — there are no licensing restrictions on the output. Check the individual library licences (MIT for shadcn/ui, Framer Motion, Tailwind) which all permit commercial use. ### Why does my fork break in the V0 Sandbox preview when I add CategoryTabs? The most common cause is a shadcn registry mismatch — V0 imports the Tabs component from the shadcn registry, but the preview sandbox may reference a version that has been renamed or restructured. Download the project as a ZIP from the Code tab, run `npx shadcn add tabs` locally, and paste in the locally installed component source. Alternatively, prompt V0 to inline the tab styles using plain Tailwind divs. ### How do I add my own tools to the ToolGrid? The easiest approach is to use Design Mode (Option+D) to change existing ToolCard labels and icons, then use an AI prompt to add or remove cards from the hardcoded array. For a dynamic list, use the 'Fetch tool list from Supabase' advanced prompt from the prompt pack above to move the data out of the component entirely. ### Does this template work as a command-K palette replacement? Not directly — the Popup Tool Selector is a shadcn Popover triggered by a button, not a global keyboard shortcut overlay. If you need a full cmdk-style command palette that opens on Cmd+K from anywhere on the page, that requires a different implementation using the cmdk library, which is custom work beyond this template. ### How do I connect a database to power the tool list? Use the 'Fetch tool list from a Supabase table' advanced prompt in the pack above. You create a `tools` table in Supabase with name, description, category, and icon_name columns, then fetch it in a Next.js Server Component and pass the rows to ToolSelectorPopup as a prop. The V0 Vars panel accepts SUPABASE_URL and SUPABASE_ANON_KEY so no .env file editing is needed. ### Can RapidDev customise this template for my product? Yes — RapidDev regularly extends V0 popup templates with Supabase-backed catalogs, Stripe entitlement checks, and multi-step selection wizards. Reach out at rapidevelopers.com if your requirements go beyond the hardcoded tool list. ### Will the popup work on mobile devices? The popup renders on mobile but the default ToolGrid may show too many columns for small screens. Use the 'ToolGrid columns collapse' fix from the gotchas section to set `min-w-[400px]` on PopoverContent and switch to a 2-column grid. On very small screens you may want to replace the Popover with a bottom sheet — that is a medium-effort prompt customisation. --- Source: https://www.rapidevelopers.com/v0-template/popup-tool-selector © RapidDev — https://www.rapidevelopers.com/v0-template/popup-tool-selector