Item logo image for UIRecast

UIRecast

Item media 3 (screenshot) for UIRecast
Item media 1 (screenshot) for UIRecast
Item media 2 (screenshot) for UIRecast
Item media 3 (screenshot) for UIRecast
Item media 1 (screenshot) for UIRecast
Item media 1 (screenshot) for UIRecast
Item media 2 (screenshot) for UIRecast
Item media 3 (screenshot) for UIRecast

Overview

Recast rendered UI into reusable frontend code.

UIRecast turns a rendered webpage element into clean, reusable frontend code directly in Chrome. Open the side panel, start the selector, and click the element you want to inspect. Component Grabber captures a sanitized representation of that element and its retained descendants, then generates: semantic HTML with scoped CSS; a named React TSX component with CSS; Tailwind CSS v4 markup with a scoped fallback stylesheet; or a Next.js App Router component with a CSS Module. The side panel includes an isolated local preview, fidelity diagnostics, generated code previews, individual copy/download actions, and a ZIP bundle containing the active component, stylesheet, and integration README.

Details

  • Version
    1.0.1
  • Updated
    October 1, 2026
  • Offered by
    felhipebrito
  • Size
    41.84KiB
  • Languages
    English (United States)
  • Developer
    Email
    otirbepilef.dev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

UIRecast has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

UIRecast handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

onUI

5.0

Annotate UI elements for AI agents - no code integration required

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React Render Tracker

5.0

A Chrome extension to track React component renders and performance.

GRABBY – UI Grabber for AI Coding

5.0

Inspect, adjust, and preview interfaces with GRABBY for AI coding workflows.

React Developer Tools

3.9

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

Old Blackboard

5.0

Reverts Blackboard back to the old UI

Button Stealer Chrome

5.0

Collect live UI buttons as a visual library for design and frontend work.

React-DomPicker

4.3

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Component Context Picker

5.0

Pick any UI element and copy its component context (React, Vue, Angular, or HTML) to clipboard — ready to paste into any AI.

React Component Names

5.0

Hold Alt/Option + hover to see React component names (Dev Mode)

GitHub HTML Preview

5.0

Render .html files on GitHub as pages instead of source code, with a Code/Preview toggle.

React + State Inspector

5.0

Inspect React (v15+) components visually and view/edit Redux and React Query state live from a DevTools panel.

onUI

5.0

Annotate UI elements for AI agents - no code integration required

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React Render Tracker

5.0

A Chrome extension to track React component renders and performance.

GRABBY – UI Grabber for AI Coding

5.0

Inspect, adjust, and preview interfaces with GRABBY for AI coding workflows.

React Developer Tools

3.9

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

Old Blackboard

5.0

Reverts Blackboard back to the old UI

Button Stealer Chrome

5.0

Collect live UI buttons as a visual library for design and frontend work.

React-DomPicker

4.3

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Google apps