UIDrop

Snap any site's design system and drop it straight into Claude, Cursor or ChatGPT — instant, private, free.

UIDrop reads any webpage's design system in one click and sends it straight to your AI coding assistant. HOW IT WORKS 1. Click "Snap this page" on any website 2. UIDrop extracts fonts, colours, spacing, border radius, shadows, gradients and component styles directly from the live CSS 3. The values are organised into a clean, structured design brief formatted for AI consumption 4. Send the brief directly to Claude or ChatGPT (Codex), copy it to the clipboard for Cursor, or drag the captured screenshot into any AI chat as a visual reference WHY UIDROP - One-click workflow — no manual copying of values or screenshots - Three send-to targets built in: Claude, Cursor, ChatGPT (Codex) - Pure JavaScript heuristics, runs in your browser, no servers, no external APIs, no API keys, no accounts, no setup - Works on any website with publicly visible CSS PERFECT FOR - Frontend developers matching or replicating a design they like - Designers briefing AI tools on a brand's visual style - Anyone building UI who wants a real starting point instead of a vague prompt PRIVACY Everything runs in your browser. UIDrop doesn't collect, store, or transmit data to any server. When you choose to send the brief to Claude or ChatGPT, the brief is sent to that AI service (governed by their own privacy policy). See the full privacy policy for details.