Media
5 items
Description
Inspect, adjust, and preview interfaces with GRABBY for AI coding workflows. 👋👻 Meet GRABBY, a friendly little ghost that grabs and explores your UI. GRABBY helps you inspect React interfaces, experiment with runtime changes, and generate AI-ready instructions that give coding assistants the right context—making vibe coding faster, easier, and more accurate. Your source code is never modified. Everything happens in the runtime preview, and a simple refresh restores the original page. Key Features - Inspect React components and explore your UI visually. - Copy compact component context for AI coding assistants. - Adjust layouts, styles, and runtime previews without touching source code. - Reorder or move elements with visual controls and a Layers panel. - Preview responsive designs across phone, tablet, laptop, desktop, and custom viewport sizes. - Compare viewports and test device frames, safe areas, rotation, and touch interaction. - Capture an element, the current viewport, or a full page as a PNG copied directly to the clipboard. - Experiment freely with Undo, Redo, and Reset support. Privacy Everything happens locally in your browser. GRABBY has no analytics, ads, user accounts, or developer-operated servers. Your page content never leaves your browser. What’s new in v0.1.61.0 - Added Capture Mode for copying selected elements as PNG images. - Added Full Page and Viewport Capture with clear clipboard previews. - Enabled Capture directly inside responsive Viewport previews. - Improved Viewport resizing, navigation, touch interaction, and device controls. - Standardized GRABBY’s icon across development and Store builds.