Бесплатные инструменты дизайна

Создавайте QR-коды для URL-адресов, Wi-Fi, vCard и обычного текста. Скачать в формате PNG или SVG.

Конвертируйте SVG в шаблон Vue SFC.

Создавайте линейные и радиальные градиенты CSS с предварительным просмотром в реальном времени — копируйте готовый код.

Визуально создавайте CSS box-shadow с предварительным просмотром в реальном времени — копируйте готовый CSS для карточек и кнопок.

Визуально создавайте макеты флексбоксов — выравнивайте, выравнивайте и устраняйте пробелы с помощью копирования CSS.

Визуальный редактор радиусов границ с контролем угла — скопируйте сокращение CSS.

Уменьшите соотношение, например, 1920:1080, до 16:9.

Создайте CSS-зажим() для гибкого изменения размера.

Визуальный конструктор макетов сетки CSS.

Создайте шкалу типа жидкости с помощью зажима.

Создайте CSS-код «матовое стекло».

Создайте простую таблицу HTML.

Создание неоморфного CSS мягкого пользовательского интерфейса.

Уменьшите и очистите разметку SVG.

SVG-код живого предварительного просмотра.

Создайте лист спрайтов SVG.

Преобразование SVG в компонент React.

Предварительный просмотр HTML с помощью классов Tailwind CDN.

Создайте CSS-тень текста с предварительным просмотром в реальном времени — скопируйте фрагмент заголовков.

Генераторы цветов, градиентов и CSS-дизайна в одном рабочем пространстве.

Извлеките палитры и проверьте контраст.

Выбирайте, конвертируйте и изучайте цвета — палитры и конвертеры в браузере.

Извлекайте палитры из изображений, проверяйте контрастность WCAG, конвертируйте цветовые пространства и генерируйте тени CSS.