Item logo image for Web UI Kit

Web UI Kit

ExtensionDeveloper Tools
Item media 1 (screenshot) for Web UI Kit

Overview

Inspect any website's design: extract colors, fonts, images, and SVGs.

Проверь, как устроен любой сайт: извлекай его цвета, типографику, отступы, SVG-графику и Lottie-анимации и превращай всё это в готовый код без открытия DevTools. WebUIkids — это инструмент для веб-дизайна, который позволяет подробно изучать любой сайт. Ты можешь вытаскивать визуальные стили, анализировать компоненты, редактировать дизайн прямо на месте и экспортировать готовый код — всё прямо в браузере. ### Что можно делать • Инспектировать и редактировать в реальном времени. Наведи курсор на любой элемент, чтобы увидеть его стили. Открой панель редактора и меняй цвета, шрифты, отступы, границы, тени или прозрачность. Изменения сразу отображаются на странице. • Мгновенно копировать значения. Панель информации разбивает свойства выбранного элемента на удобные для копирования части. Можно взять hex-код, название шрифта, параметры тени или радиус скругления одним кликом. • Экспортировать чистый код. Выделяй части страницы и преобразуй их в аккуратный HTML + CSS или Tailwind-код. • Просматривать дизайн-систему целиком. Экран обзора показывает полную палитру, набор шрифтов, систему отступов, уровни скруглений, стили теней и даже обнаруженный технологический стек сайта. • Скачивать ассеты. Загружай изображения, SVG и Lottie-анимации прямо с любой страницы без ручного сохранения. • Проверять доступность. Встроенная проверка контраста помогает оценить соответствие WCAG для любого выбранного текста. • Работать с дизайн-токенами. Экспортируй значения в виде токенов Tailwind, CSS-переменных или JSON. ### Для кого это - Веб-дизайнеры, которые собирают палитры, шрифтовые сочетания и визуальные референсы - Frontend-разработчики, которые извлекают CSS, макеты и ассеты - UX-дизайнеры, проверяющие доступность и контраст - Агентства, анализирующие сайты конкурентов и собирающие бренд-материалы ### Как это работает Открой WebUIkids в боковой панели Chrome и перейди на любой сайт. Цвета, шрифты, изображения и ассеты извлекаются автоматически. Кликни на любой элемент, чтобы увидеть его CSS. Во вкладке редактора можно менять значения и наблюдать изменения в реальном времени. Всё можно копировать или скачивать одним кликом. Не нужны DevTools. Просто наведи, кликни и скопируй. Бесплатно 3 дня с полным доступом. Затем можно перейти на Pro для безлимитных экспортов, расширенных проверок доступности и неограниченного извлечения данных. Подробнее на webuikits.ru

Details

  • Version
    1.0.0
  • Updated
    June 25, 2026
  • Features
    Offers in-app purchases
  • Offered by
    1ST TOWER SOFTWARE LTD
  • Size
    14.59KiB
  • Languages
    русский
  • Developer
    1ST TOWER SOFTWARE LTD
    Initial Business Centre Wilsons Business Park Centre, Monsall Road Manchester M40 8WN GB
    Email
    support@webuikits.ru
    Phone
    +44 7520 680368
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
  • D-U-N-S
    231238867

Privacy

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

Web UI 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.

Web UI Kit handles the following:

Authentication information
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
Google apps