Item logo image for MyDev Kit

MyDev Kit

ExtensionDeveloper Tools1 user
Item media 3 (screenshot) for MyDev Kit
Item media 1 (screenshot) for MyDev Kit
Item media 2 (screenshot) for MyDev Kit
Item media 3 (screenshot) for MyDev Kit
Item media 1 (screenshot) for MyDev Kit
Item media 1 (screenshot) for MyDev Kit
Item media 2 (screenshot) for MyDev Kit
Item media 3 (screenshot) for MyDev Kit

Overview

Inspect, debug and extract code from any page: DOM X-Ray, CSS Detective, Component Extractor, Breakpoint Hunter and StyleMap.

MyDev Kit is an all-in-one website inspection and frontend development toolkit built for developers, designers, and web professionals. Inspect website structure, understand styling, identify responsive layout problems, extract reusable components, and explore design systems without constantly switching between separate tools. **Five integrated tools** • **DOM X-Ray:** Explore the page's DOM hierarchy, inspect elements, view dimensions, and investigate overflow issues. • **CSS Detective:** Examine computed CSS properties, investigate available style sources, and test temporary styling changes. • **Component Extractor:** Extract selected UI components into supported formats, including HTML, CSS, JSX, and Tailwind CSS, depending on the selected export options. • **Breakpoint Hunter:** Investigate responsive layout issues, clipping, overflow, and other potential problems at different viewport widths. • **StyleMap:** Explore colors, typography, spacing, borders, shadows, and design tokens used by a website. **Designed for a smoother workflow** Select an element once and investigate it across the available tools. Use the side panel to inspect elements while keeping the website visible. Save useful presets and components locally for future reference. Paid AI features can help transform selected components into React and Tailwind code and assist with design-token cleanup. MyDev Kit is designed to help developers understand, inspect, and reuse website UI more efficiently. Extracted code may require adjustments to match the original site's dependencies, assets, and runtime behavior. **Privacy** Standard inspection features process website content in your browser. Selected component or design-token information is transmitted for paid AI requests when you choose to use those features. See our Privacy Notice for details. MyDev Kit is an independent developer tool and is not affiliated with the websites it inspects.

Details

  • Version
    0.2.1
  • Updated
    October 30, 2026
  • Features
    Offers in-app purchases
  • Size
    186KiB
  • Languages
    English
  • Developer
    Website
    Email
    ibnima92@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

MyDev Kit 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.

MyDev Kit handles the following:

Personally identifiable information
Financial and payment information
Authentication information
Location
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, please open this page on your desktop browser

Google apps