Playground

Быстрый запуск прямо на главной

Пишите HTML, CSS, JS и сразу видите результат. Поддерживается Vue, React, CSS-препроцессоры и запуск ESLint.

Показаны все 520 инструментов

Код и разработка · 30

Рабочий стол кода

Пять режимов работы с кодом, 27 языков

Форматирование (Beautify)

Prettier: 27 языков

Минификация

JS/TS/CSS/HTML/SVG/JSON/SQL

Обфускация

JS, TS, JSX/TSX и HTML

Линтер кода

ESLint, Stylelint, Ruff, markdownlint

Валидатор синтаксиса

HTML, JSON, YAML, XML, SQL и другие

Цикломатическая сложность

Ветвления в функциях JS и TS

Определение языка кода

Язык фрагмента и объяснение выбора

Регулярные выражения

Конструктор кнопками + тестер

Отладчик регулярных выражений

Пошаговый разбор с показом возвратов

Объяснение регулярки

Каждый элемент выражения по-русски

Регулярка в код

Сниппет для JS, Python, PHP, Go и других

Строки по регулярке

Примеры строк, подходящих под выражение

Регулярка из примеров

Выражение по строкам-образцам

Инструменты разработчика

Витрина самого нужного с описаниями

Песочница кода

HTML/CSS/JS, Vue/React/Alpine/jQuery + 21 язык

Тестер CSS-селекторов

Проверка селектора на своём HTML

Тестер XPath

Выполняет запрос по XML или HTML

Коды клавиш (keycode)

event.key, event.code и keyCode

Переносы строк и табы

CRLF, LF, BOM и отступы в одном виде

Извлечение сущностей

Почта, телефоны, ссылки, IP и даты

Какие LLM я запущу

Подбор по VRAM/RAM

Счётчик токенов

Оценка токенов и стоимости

Просмотр unified diff

Патч бок о бок со статистикой правок

Просмотр source map

От строки в сборке к строке исходника

Просмотрщик HAR

Водопад запросов из сетевой панели

Отчёт Lighthouse из JSON

Оценки и проблемы из report.json

Просмотр структурированных логов

NDJSON таблицей с фильтрами

Раскраска ANSI-логов

Цветной лог CI и чистый текст

Карта размеров бандла

Самые тяжёлые модули из stats.json

Конвертеры и генераторы кода · 29

cURL → fetch

Команда в JS-код

cURL в код

Команда запроса на десяти языках

Код запроса в cURL

Вызов fetch или axios в команду

Конструктор HTTP-запроса

Форма превращается в готовый код

Коллекция Postman

Скрипт curl, модуль fetch и OpenAPI

Просмотрщик OpenAPI

Эндпоинты, параметры и схемы спеки

HTML → JSX

Разметка в компонент React

JSX в HTML

Компонент React в чистую разметку

HTML в компонент

Vue, Svelte и Angular из вёрстки

Генератор HTML-таблиц

Сетка → чистый HTML

CSS → JS-объект

И заготовки styled-components

CSS в Tailwind

Подбор утилитарных классов

Tailwind в CSS

Что на самом деле делают классы

JSON → структуры кода

Go / Python / Rust / TS

JSON → TypeScript

Генерация интерфейсов

Схема GraphQL в TypeScript

Типы и заготовки операций

Генератор JSDoc

Комментарий по сигнатуре функции

SemVer-инструменты

Разбор, сравнение, инкремент

Диапазоны semver

Попадает ли версия в ^1.2 или ~2.0

Конструктор коммитов и релизов

Сообщение коммита, версия и CHANGELOG

Конструктор tsconfig.json

Пресеты, объяснение опций и аудит готового конфига

Генератор .gitignore

По технологиям

Генератор .editorconfig

Единый стиль кода

Конструктор .gitattributes и CODEOWNERS

Правила Git для файлов и ответственные за код

Генератор LICENSE

MIT, Apache, BSD, ISC…

Генератор бейджей

shields.io для README

Анализ package.json

Поля, дубли и опасные скрипты

Сравнение зависимостей

Что добавилось, обновилось и ушло

Счётчик строк кода

Код, комментарии и пустые строки

Данные и форматы · 29

Работа с JSON

Все JSON-инструменты во вкладках

JSON Formatter

Форматирование и валидация

Дерево JSON

Сворачиваемый просмотр

Сравнение JSON

Семантический diff объектов

JSON-путь (query)

Значение по пути с точками

JSON Pointer

Значение по RFC 6901

JSON как граф

Структура данных связанными узлами

Каноничный JSON

Сортировка ключей для стабильных хешей

Плоские ключи JSON

Вложенность в «a.b» и обратно

Слияние JSON

Объединение объектов с разбором конфликтов

JSON Patch и Merge Patch

Патч между объектами по RFC 6902

JSON Schema

Схема по образцу JSON

Проверка JSON по схеме

Разбор ошибок документа по-русски

JSON в схему Zod

Валидация по образцу данных

JSON Schema в типы

Интерфейсы TypeScript или Zod

JSON в классы

Модели данных для восьми языков

Объект JS в JSON

Кавычки, запятые и комментарии

Массив PHP и JSON

Двусторонний перевод массива

Словарь Python и JSON

True, None и кортежи в обе стороны

Форматирование XML

Pretty / minify разметки

JSON ↔ XML

Конвертация форматов

YAML ↔ JSON

Двусторонняя

Сравнение YAML

Сравнение конфигов по смыслу

JSON Lines ↔ JSON

JSONL ↔ массив объектов

.env ↔ JSON

Парсинг переменных окружения

Преобразование XSLT

Шаблон применяется в браузере

JSON и TOML

Конвертация в обе стороны

YAML и TOML

Конфиги между двумя форматами

INI и JSON

Конфиги php.ini и systemd в объект

Кодирование и идентификаторы · 26

Кодирование

Base64, URL, HTML-сущности и ещё пять видов

Кодировка и «кракозябры»

Определение UTF-8 и лечение мусора

Системы счисления

Любое основание 2–36, дроби и знак

Редкие основания кодирования

Base45, Base62, Ascii85, Z85 и Bech32

Инспектор IEEE-754

Биты float32 / float64

Побитовый калькулятор

AND/OR/XOR/сдвиги

Hex-дамп текста

Байты в hex + ASCII

Hex-дамп в файл

Собирает бинарник из дампа xxd

Gzip и deflate

Сжимает и показывает экономию

Декодер SAML

Base64 и deflate в читаемый XML

Тестовые данные

Фейковые юзеры → JSON/CSV

Тестовые данные по схеме

Правдоподобные записи по схеме

Lorem Ipsum

Текст-рыба

Генератор тестовых карт

Валидные по Луну номера

Валидатор карт и IBAN

Luhn + платёжная система

Генератор идентификаторов

UUID v4 и v5, ULID, NanoID — пачками

Инспектор идентификаторов

Вид, версия и время из UUID и ULID

Реквизиты РФ

Контрольные суммы ИНН, ОГРН и счёта

Проверка крипто-адреса

Bitcoin, Ethereum и TRON без сети

Инспектор меток времени

Секунды, FILETIME и Mac absolute time

Длительности ISO 8601

PT1H30M в секунды и в «1 ч 30 мин»

QR-коды и штрихкоды

Создать из ссылки, Wi-Fi, сканер — во вкладках

QR-код

Генератор → PNG

Сканер QR / штрихкодов

Камера или изображение

Штрихкоды

Code128, EAN, UPC

QR для Wi-Fi

Подключение по сканированию

Безопасность · 16

Шифрование и ключи · 24

Хэши и подписи

SHA, HMAC, CRC-32/Adler-32 и bcrypt

Тип хеша

Узнаёт алгоритм по виду строки

Старые хеши

MD5, MD4, NTLM, RIPEMD-160 и Whirlpool

Проверки файлов

Хеши, сигнатуры

Атрибут integrity (SRI)

Хеш файла для тега script и link

Подписи вебхуков

GitHub, Stripe, Slack и Telegram

Шифрование текста

AES-256-GCM с паролем

Шифрование файлов

AES-256-GCM с паролем в браузере

XOR-шифр

Шифрует и подбирает потерянный ключ

Шифр Цезаря / ROT13

И Атбаш — учебные шифры

Шифр Виженера

Полиалфавитный по ключу

Классические шифры

Плейфер, Бэкон, изгородь, Полибий

Генератор ключей RSA / ECDSA

Пара ключей в PEM прямо в браузере

Ключи Ed25519 и X25519

Пара ключей в PEM, JWK и OpenSSH

Отпечаток SSH-ключа

Тип, длина и отпечаток как у ssh-keygen

Разбор SSL-сертификата

Домены, издатель, сроки и отпечатки

Декодер ASN.1 и DER

Раскладывает DER в дерево тегов

PEM, DER и hex

Перегоняет ключи между форматами

JWK ↔ PEM

Конвертация ключей и отпечаток по RFC 7638

JWT: декодер, генератор, проверка

Разбор, подпись HS256/384/512, срок действия

Просмотрщик JWKS

Ключи набора и поиск ключа для токена

TOTP / 2FA-коды

Секрет, текущий код и проверка чужого

PBKDF2 и HKDF

Производный ключ и замер итераций

Пара PKCE

Verifier и challenge для OAuth

DevOps и серверы · 24

Генераторы конфигов

nginx, .htaccess, robots, CSP — во вкладках

Генератор nginx-конфига

Статика, proxy, HTTPS, SPA

Генератор .htaccess

HTTPS, www, редиректы, кэш

Генератор Caddyfile

Статика, прокси, редиректы и HTTPS

Планировщик HTTP-кэширования

Cache-Control и Vary + конфиг для nginx, Apache, Caddy

Конструктор systemd unit

Служба, таймер и опции изоляции

Конфиг PM2

Кластер, переменные, лимиты и логи

Тюнинг PostgreSQL

Параметры конфига по железу и нагрузке

Разбор логов nginx и Apache

Статистика по кодам, путям, адресам и часам

Cron-расписание

Конструктор, разбор и ближайшие запуски

Конвертер расписаний

Cron, Quartz, EventBridge и systemd

chmod

Права Unix

Коды ошибок и сигналы Unix

errno, сигналы и коды выхода

Файл hosts

Блок для разработки и поиск конфликтов

Обратная маска Cisco

Маска, wildcard и префикс друг в друга

MTU и MSS в туннеле

Оверхед WireGuard, IPsec, VXLAN и MTU

Конфиг WireGuard

Ключи, секции пиров и QR для телефона

SLA и бюджет ошибок

Проценты в минуты простоя и остаток

RAID и ёмкость хранилища

Полезный объём и время ребилда

Конструктор ~/.ssh/config

Host-блоки, ProxyJump и проброс портов

Правила файрвола

ufw, iptables и nftables из списка портов

Генератор fail2ban

Тюрьма и фильтр с проверкой на логе

Политика AWS IAM

Собирает документ и объясняет права

Разбор shell-команды

Объясняет каждый флаг по-русски

Сеть · 26

Сетевые проверки

Скорость, email, SSL, угрозы

Мой IP и подключение

Гео, ISP, proxy/hosting

Проверка блокировок / DPI

Доступность сервисов

MAC-адрес

Формат, проверка, генерация

Время скачивания

Размер и канал в минуты и часы

Порты TCP и UDP

Поиск по номеру и по службе

Калькулятор подсетей

IPv4 / CIDR, маска, хосты

IPv4 ↔ число

IP в целое/hex/binary

Диапазон IP и CIDR

Границы адресов в набор сетей и обратно

Вхождение IP в сеть

Проверяет список адресов по списку сетей

Агрегация подсетей

Схлопывает список сетей в суперсети

Планировщик VLSM

Делит сеть на подсети под число хостов

IPv6: развернуть/сжать

Полная и :: форма

Подсети IPv6

Нарезка префикса: сколько сетей и границы

Локальный префикс IPv6

Случайный fd00::/8 по правилам RFC 4193

DNS-запрос (DoH)

A/AAAA/MX/TXT через Cloudflare

Конструктор SPF, DKIM и DMARC

Почтовые DNS-записи с проверкой и фрагментом зоны

Распространение DNS

Опрос девяти публичных резолверов сразу

Проверка DNSSEC

Записи DS, DNSKEY, RRSIG и флаг AD

RDAP по домену, IP и ASN

Замена WHOIS: регистратор, даты, контакты

Почтовая готовность домена

MX, SPF, DKIM, DMARC и BIMI одним экраном

Заголовки письма

Цепочка Received и вердикты SPF и DKIM

Просмотрщик письма .eml

Заголовки, тело и вложения из файла

Нормализация адресов почты

Точки Gmail, теги и поиск дублей в списке

Парсер User-Agent

Браузер, ОС, устройство

Парсер Cookie

Cookie/Set-Cookie → таблица

Ссылки и SEO · 18

Парсер URL

Разбор адреса + query-параметры

Нормализация ссылок

Снять utm-метки и убрать дубликаты

Query-строка ↔ JSON

Разбор и сборка параметров

Генератор slug (ЧПУ)

Заголовок → URL

Конструктор mailto

Ссылка «написать нам»

Конструктор UTM-меток

Ссылки для отслеживания кампаний

Аудит сайта

Девять проверок сайта в один заход

Meta-теги

SEO + OG + Twitter

Микроразметка JSON-LD

Организация, товар, статья, вопросы и шаги

Предпросмотр сниппета

Ширина заголовка и описания в пикселях

Генератор robots.txt

Правила доступа + sitemap

Тестер robots.txt

Закрыт ли адрес для конкретного робота

Генератор sitemap.xml

Список URL → XML-карта

Проверка sitemap.xml

Лимиты, даты, дубли и вложенные индексы

Структура заголовков

Дерево H1–H6 и пропуски уровней

Генератор llms.txt

Разделы и ссылки для нейросетевых ботов

Лимиты символов в соцсетях

Счётчики для Telegram, ВК, X и SMS

Проверка уникальности

Уникальность текста и сравнение двух

CSS и вёрстка · 20

Раскладка и прокрутка

Grid, flexbox, scroll-snap, полоса прокрутки

Готовые макеты страницы

Двенадцать раскладок на CSS Grid

Визуализатор box-model

margin / border / padding

Конвертер CSS-единиц

px ↔ rem ↔ em ↔ pt

Генератор CSS clamp()

Плавная типографика

Шкала отступов

4/8pt → CSS-переменные

Специфичность CSS

Вес селектора (a,b,c)

Соотношение сторон

Aspect ratio

PPI / DPI экрана

Плотность пикселей дисплея

Кнопки на CSS

Шесть видов, состояния и классы Tailwind

Переключатели и тумблеры

Тумблер поверх настоящего чекбокса

Поля ввода

Плавающая подпись, иконка и состояния

Карточки товара и профиля

Обложка, стекло и подъём при наведении

Всплывающие уведомления

Четыре типа, отсчёт и шесть позиций

Кольцо фокуса

Видимый фокус с проверкой контраста

Типографическая шкала

Модульная шкала размеров

Типографика

Тень и обводка текста, градиент, переносы, метрики

Пары шрифтов

Заголовок и текст с оценкой пары

Тестер шрифта

Свой файл или семейство на своём тексте

Правило @font-face

Подключение шрифта с unicode-range

CSS-эффекты и графика · 33

CSS-эффекты

Градиенты, тени, формы, анимации — во вкладках

CSS-градиенты

Linear/radial

Тени и поверхности

Box-shadow, неоморфизм, стекло, backdrop-filter

Анимация и трансформации

Готовые анимации, @keyframes, transition, 3D

Easing и cubic-bezier

Библиотека кривых и редактор своей

Режимы наложения

Все шестнадцать режимов с объяснениями

Формы, обрезка и маски

clip-path, скругления, волны, кляксы, маски

Галерея CSS-фигур

Полсотни фигур на clip-path с поиском

Вырезанные и скошенные углы

Срез под 45° или вырез дугой у каждого угла

Зубчатые и волнистые рамки

Край блока зигзагом, волной или фестонами

Ленты и баннеры

Уголок, вымпел и полоса с загибами

Звёздные вспышки

Многолучевая звезда для ценников и акций

Волнистый круг и лепестки

Круг с волнистым краем и цветок-лепестки

Фигурные рамки

Перфорация, рваный край, паспарту, уголки

Речевые облака и подсказки

Пузырь с хвостиком на любой стороне

Шум и зерно

Плёночное зерно одной строкой CSS

Зернистый градиент

Градиент с шумом и наложением слоёв

Размытые пятна

Мягкая аврора для первого экрана

Голографический фон

Радужные переливы с бликом и зерном

Изометрические паттерны

Бесшовная плитка из кубов и ромбов

Low-poly фон

Треугольная сетка с заливкой ячеек

Разброс фигур

Круги и символы, раскиданные по фону

Конфетти и брызги

Праздничный разлёт частиц в SVG

Ступенчатые фоны

Террасы из ступеней слоями

SVG-блобы

Органические фигуры

SVG → CSS / data URI

Кодирование для background

SVG в компонент

React, Vue, Svelte, React Native

SVG-путь в clip-path

Из атрибута d в polygon() по процентам

SVG-фильтры

Дуотон, слипание и жидкое стекло

Спирали и линии

Декор из волн, зигзагов и спиралей

SVG-волны

Амплитуда, частота и сложность волны

Слоистые волны и пики

Обложка лендинга из наложенных слоёв

Разделители секций

Волна, скос и капли между блоками

Изображения · 18

Обработка изображений

Конвертер, сжатие, редактор, удаление фона, лица

Пакетное изменение размера

Пачка картинок к одной ширине

Пикселизация и цензура

Скрытие данных на скриншоте

Нарезка на плитки

Картинка сеткой или полосами

Сравнение изображений

Шторка «до и после» и карта отличий

Круглая аватарка

Кадрирование под круг с обводкой

EXIF

Просмотр и удаление метаданных

SVG → PNG

Растеризация с масштабом

Оптимизация SVG

Чистка кода и подсчёт экономии

Изображение ↔ Base64

data URI для CSS/HTML

Генератор фавиконов

Все размеры + ZIP

Набор иконок приложения

Все размеры для iOS, Android и веба

Генератор заглушек

Placeholder-картинки

OG-картинки

Обложки для соцсетей 1200×630

Обрезка под соцсети

Пресеты аватарок, обложек и постов

Скриншот кода

Красивая картинка из кода

CSS-спрайт

Иконки одним файлом и классы к ним

Мокапы устройств

Скриншот в рамке телефона

Текст · 21

Конвертер регистра

camelCase, snake_case…

Переворот текста

Реверс, регистр, вверх ногами

Найти и заменить

Массовая замена + RegExp

Повтор текста

Дублирование строк

Чистка пробелов

Лишние пробелы, пустые строки

Транслитерация

Рус ↔ лат, загранпаспорт

Удаление диакритики

é→e, façade→facade

Типографика и ёфикация

Ёлочки, тире, неразрывные пробелы и «ё»

Склонение по падежам

ФИО, должности и города в шести падежах

Согласование числительных

1 файл, 2 файла, 5 файлов — три формы

Перенос и обрезка по ширине

Ширина колонки, многоточие и предлоги

Разбиение текста на части

Куски под лимит без разрыва предложений

Сортировка строк

Сортировка, дедуп

Операции над строками

Нумерация, префиксы, кавычки и склейка

Операции над списками

Объединение, пересечение, разность

Сравнение текста (diff)

Подсветка изменений

Схожесть текстов

Косинус, Жаккар

Счётчик слов

Статистика, частотность

Время чтения

Минуты про себя и вслух по объёму текста

Удобочитаемость

Индекс Флеша, длина фраз

Проверка палиндрома

Читается ли в обе стороны

Разметка и символы · 19

Работа с Markdown

Конвертация, таблицы, оглавление — во вкладках

Markdown → HTML

Предпросмотр

Markdown-таблицы

TSV/CSV → Markdown

Оглавление Markdown

TOC со ссылками-якорями

HTML → Markdown

Конвертация разметки

HTML → текст

Удаление тегов, чистый текст

Mermaid-диаграммы

Блок-схемы из текста

BBCode и HTML

Разметка форумов в обе стороны

Конвертер локализаций

JSON, PO, XLIFF, Android, iOS, CSV

Текст в таблицу

Строки с разделителями в HTML и Markdown

Заглушка с HTML-структурой

Рыба с заголовками, списком и таблицей

ASCII-арт из текста

Крупные буквы для консоли и README

Юникод-стили текста

Жирный/курсив для соцсетей

Азбука Морзе

Кодирование/декодирование

Unicode-инспектор

Коды и эскейпы символов

Невидимые символы

Поиск символов нулевой ширины и BOM

Омоглифы и подмены

Кириллица внутри латинских слов и доменов

Типографские символы

Тире, кавычки, дроби и стрелки

Бионическое чтение

Жирные начала слов для быстрого чтения

Калькуляторы · 34

Все калькуляторы

Финансы, здоровье, даты, математика — во вкладках

Научный калькулятор

Тригонометрия, корни, логарифмы

Проценты

Доли, изменения

Дроби

Сложение, сокращение и проценты

НОД и НОК

Евклид по шагам и разложение

Квадратное уравнение

Корни, дискриминант, вершина

Комбинаторика

Факториал, nPr, nCr

Разложение на множители

Простота, делители

Матричный калькулятор

Детерминант, обратная 2×2/3×3

Римские числа

Арабские ↔ римские

Число прописью

Числа и рубли словами

Форматирование чисел

Разряды, валюта, проценты

Статистика по числам

Среднее, медиана, σ

Значимость A/B-теста

Прирост, значимость и интервал

Размер выборки

Сколько респондентов нужно опросить

Z-оценка и нормальное распределение

Вероятности и критические значения

Линейная регрессия

Прямая по точкам, R² и корреляция

Конвертер единиц

Длина, масса, данные…

Кухонный конвертер

Чашки/ложки/граммы/мл

Расход топлива

Стоимость и литры поездки

Конвертер расхода топлива

л/100км ↔ mpg ↔ км/л

Конвертер единиц данных

Байты/КБ/МБ, ×1000 и ×1024

Единицы Ethereum

wei ↔ gwei ↔ ether

Научная нотация

Экспоненциальная и обычная запись

Решение треугольника

Стороны, углы, площадь и высоты

Площадь и периметр фигур

Одиннадцать фигур с чертежом

Объём и площадь поверхности

Десять тел и вместимость в литрах

Строительные расчёты

Плитка, обои, бетон и кровля

Закон Ома

V / I / R / P из любых двух

Резистор для LED

Гасящий резистор + E12

Калькулятор резисторов

Цветовая маркировка → Ом

Маркировка конденсаторов

Код 104 → пФ/нФ/мкФ

Энергопотребление прибора

Ватты и часы в рубли за месяц

Мощность блока питания

Подбор БП по комплектующим ПК

Финансы · 19

Продуктивность · 19

Секундомер

С кругами

Pomodoro

Фокус и перерывы

Таймер обратного отсчёта

До даты или интервал + сигнал

Интервальный таймер

Табата и HIIT: работа, отдых, круги

Трекер времени

Старт, стоп и сумма за день

Время окончания работы

Дата финиша по текущему прогрессу

Стоимость встречи

Счётчик денег, сгорающих на созвоне

Счётчик-кликер

Несколько счётчиков

Тест скорости печати

WPM, точность

Список задач (To-Do)

С сохранением в браузере

Канбан-доска

Колонки с перетаскиванием карточек

Матрица Эйзенхауэра

Дела по срочности и важности

План дня по тайм-блокам

Сетка по получасу и экспорт в .ics

Диаграмма Ганта из текста

Строки «задача: с — по» в полосы

Трекер привычек

Отметки по дням + стрик

Блокнот с автосохранением

Заметка переживает перезагрузку

Доска для рисования

Фигуры, стрелки, текст и экспорт

Случайный выбор

Список, кубик, монетка, число

Жеребьёвка команд

Список → случайные группы