RU

Главная Избранное

Разработчикам

JSON, Base64, regex, хеши, цвета, CSS и другие инструменты для программирования.

Готовые блоки для сайта 51 CSS и дизайн 52 SEO и публикация 24 Форматирование и конвертация 39 Коды, хэши и сети 38 Тестовые данные 1

Готовые блоки для сайта 51

Зона доставки для сайта (проверка района и стоимости)Добавьте на сайт вашей службы доставки, пиццерии, магазина или маркета поле, где клиент вводит район и сразу видит, доставляете ли вы туда, а также стоимость и срок.Открыть →

Панель объявления для сайта (полоса вверху)Создайте полосу объявления вверху сайта, чтобы сообщить об акции, бесплатной доставке, праздничном графике или новости: текст, ссылка, цвета, кнопка закрытия, запоминающая выбор, и возможность показывать только до определённой даты.Открыть →

Полоса этапов для сайта (stepper на HTML и CSS)Создайте полосу этапов (stepper) для оформления заказа, многошаговой регистрации, отслеживания заказа или раздела «как это работает»: пронумерованные этапы, выделенный текущий, завершённые с галочкой, горизонтально или вертикально. Семантичный HTML с aria-current, чистый CSS и цвета бренда.Открыть →

Полоса бесплатной доставки для интернет-магазинаСоздайте индикатор «осталось 500 ₽ до бесплатной доставки» для корзины вашего интернет-магазина: минимальная сумма, сообщение до и после достижения, цвета и функция обновления по сумме корзины. HTML, CSS и чистый JavaScript.Открыть →

Полоса прогресса чтенияСоздайте тонкую полосу вверху страницы, показывающую, какая часть статьи уже прочитана: на основе CSS-анимации, привязанной к прокрутке (scroll-driven animations), и резервного скрипта для браузеров без поддержки. Цвет, высоту и положение можно выбрать.Открыть →

Кнопка тёмной темы для сайтаСоздайте кнопку переключения светлой и тёмной темы для вашего сайта: по умолчанию следует теме системы, запоминает выбор человека, не мигает неправильной темой при загрузке и использует CSS-переменные и color-scheme, чтобы сменить цвета всего сразу.Открыть →

Кнопка «Наверх»Создайте плавающую кнопку возврата наверх страницы для вашего сайта: появляется после прокрутки, положение, цвета, размер и форма на выбор, плавная прокрутка с учётом сниженного движения и возврат фокуса в начало страницы.Открыть →

Кнопки «Поделиться» для сайтаСоздайте кнопки «Поделиться» для вашего сайта или блога: WhatsApp, Facebook, X, LinkedIn, Telegram, Pinterest, почта и копирование ссылки, с системным меню «Поделиться» на телефоне. Официальные ссылки, без сторонних скриптов и без отслеживания.Открыть →

Блоки уведомлений на CSS (информация, успех, внимание, ошибка)Создавайте блоки уведомлений для сайта или блога: информация, успех, внимание, ошибка и совет, с иконкой, заголовком, текстом и необязательной кнопкой закрытия. Выберите стиль и цвета, посмотрите превью и скопируйте доступный HTML и CSS без библиотек.Открыть →

Цифровая визитка (страница с кнопкой сохранения контакта)Создайте свою цифровую визитку: лёгкую страницу с фото, именем, должностью, компанией и кнопками мессенджера, звонка, e-mail, Instagram, сайта и адреса, а также кнопкой «Сохранить контакт», которая скачивает vCard в телефонную книгу. Скачайте HTML для публикации и создайте QR-код для печати.Открыть →

Выделенная цитата в HTML и CSS (blockquote)Создайте выделенную цитату для вашего сайта или блога: фразу клиента, отрывок интервью или врезку посреди текста с крупными кавычками, автором и должностью, в пяти стилях и в цветах бренда. Семантический HTML с blockquote и figcaption, лёгкий CSS, готов к вставке.Открыть →

Обратный отсчёт для сайтаСоздайте код обратного отсчёта, чтобы вставить на сайт, лендинг или в магазин: дни, часы, минуты и секунды до даты акции, запуска или мероприятия, с правильным часовым поясом, цветами и сообщением по окончании.Открыть →

Блок промокода для сайта (копирование в один клик)Создайте блок промокода для сайта или интернет-магазина: заметный код, кнопка копирования в один клик с подтверждением «Скопировано!», текст скидки, срок действия, после которого промокод скрывается сам, и стиль вырезного купона. Чистые HTML, CSS и JavaScript.Открыть →

Раздел отзывов для сайта (HTML и CSS)Соберите раздел отзывов клиентов для сайта: имя, город или должность, фото или инициалы, звёзды и текст, сеткой или каруселью с прокруткой, в цветах вашего бренда. Чистый код HTML и CSS без библиотек.Открыть →

Звёзды рейтинга на CSS (оценка с долями)Создайте для сайта звёзды рейтинга, которые показывают дробные оценки, например 4,3 или 3,7, заполняя точную долю звезды, на чистом CSS с одной переменной. Размер, цвета, количество звёзд, число рядом и кликабельная версия, чтобы клиент мог проголосовать.Открыть →

Блок призыва к действию (CTA) для сайтаСоздайте блок призыва к действию, который завершает страницы сайта: заголовок, короткий текст, основная и дополнительная кнопки (например, WhatsApp и телефон), с фоном в виде цвета, градиента или затемнённого фото, по центру или с кнопкой сбоку. Адаптивные HTML и CSS.Открыть →

Бесконечная лента логотипов (CSS marquee)Создайте непрерывно движущуюся ленту с логотипами клиентов, партнёров, брендов, с которыми вы работаете, или короткими фразами на чистом CSS: скорость, направление, отступы, пауза при наведении, исчезающие края и остановка для тех, кто просил меньше движения.Открыть →

Контактная форма для сайта (без сервера)Создайте контактную форму для статического сайта, сообщения из которой приходят на вашу почту без программирования сервера: FormSubmit, Formspree или Netlify Forms, с нужными вам полями, защитой от спама, страницей благодарности, проверкой данных и доступным оформлением.Открыть →

Фотогалерея для сайта (с увеличением)Создайте код адаптивной фотогалереи для вашего сайта с увеличением по касанию (лайтбокс) на основе элемента dialog в HTML: стрелки, клавиатура, подписи и отложенная загрузка, без библиотек. Вставьте адреса фото и скопируйте.Открыть →

Галерея masonry на CSS (в стиле Pinterest)Создайте галерею из блоков разной высоты, как в Pinterest, на чистом CSS: столбцы, которые стыкуются без пустот, с числом столбцов для каждого экрана, отступами, скруглением и подписью. Использует CSS columns во всех браузерах и новый display: grid-lanes там, где он уже есть.Открыть →

Генератор доступных вкладок (tabs)Создайте код компонента вкладок для вашего сайта по стандарту доступности WAI-ARIA: role tablist, tab и tabpanel, стрелки клавиатуры, Home и End, цвета и стиль с подчёркиванием или в виде таблетки. HTML, CSS и JavaScript без библиотек.Открыть →

Генератор хлебных крошек (breadcrumb) со schemaСоздайте навигационную цепочку (хлебные крошки) для страниц вашего сайта: доступный HTML с nav и aria-current, разделитель и цвета на выбор, а также JSON-LD BreadcrumbList, который Google использует для показа пути в результатах поиска.Открыть →

Генератор карточек на CSS (раздел услуг)Создайте раздел карточек для вашего сайта, например услуги, преимущества или товары: заголовок, текст и значок или изображение в каждой карточке, адаптивная сетка, которая подстраивается сама, тень, углы и эффект при наведении. Готовые HTML и CSS.Открыть →

Генератор карусели (слайдера) на CSS scroll-snapСоздайте карусель фото или карточек для вашего сайта на CSS scroll-snap: перетаскивание пальцем на телефоне, стрелки на компьютере, сколько элементов видно сразу и отступы, без библиотек и без зависаний прокрутки.Открыть →

Генератор FAQ для сайта (аккордеон + schema)Составьте раздел частых вопросов для вашего сайта: аккордеон на чистом HTML с details и summary, готовый стиль и JSON-LD FAQPage для Google, всё одним кодом для копирования.Открыть →

Генератор временной шкалы / пошаговой схемы (CSS)Создайте временную шкалу или раздел с пошаговой схемой («как это работает») для вашего сайта: нумерованные этапы или этапы с датами, вертикально или горизонтально, цвета и маркеры, в семантическом HTML с нумерованным списком и адаптивным CSS.Открыть →

Генератор модального окна (всплывающее окно) с dialogСоздайте код модального окна для сайта на нативном HTML-элементе dialog: заголовок, текст, кнопки, закрытие по Esc или щелчку снаружи, фокус внутри окна и плавная анимация появления. Без библиотек.Открыть →

Генератор страницы 404Создайте страницу ошибки 404 (страница не найдена) для вашего сайта в цветах бренда: дружелюбное сообщение, кнопка на главную, необязательное поле поиска и полезные ссылки. Скачайте готовый 404.html — лёгкий и без зависимостей.Открыть →

Генератор постраничной навигации на HTML и CSSСоздайте постраничную навигацию для блога, магазина или списка результатов: назад и вперёд, номера с многоточием, выделенная текущая страница, три стиля и цвета бренда. HTML с nav, aria-label и aria-current, настоящие ссылки, по которым ходит поисковик, и область касания 44 px.Открыть →

Генератор секции hero (верх страницы)Создайте открывающую секцию (hero) главной страницы или посадочной: заголовок, подзаголовок, основная и второстепенная кнопки, фоновое изображение или сбоку, с оверлеем для читаемости текста. Адаптивные HTML и CSS с изображением, оптимизированным для загрузки.Открыть →

Генератор skeleton loading (CSS)Создайте скелетон загрузки (skeleton screen), который появляется, пока загружается содержимое: шаблоны карточки, списка, профиля и текста, цвета, скругление и анимированный блик, на чистом CSS с aria-busy и учётом сниженного движения.Открыть →

Генератор оглавления для поста в блогеВставьте HTML вашего поста и получите оглавление со ссылками на каждый раздел: инструмент читает заголовки h2 и h3, создаёт недостающие id по тексту и возвращает готовое оглавление и пост с проставленными id. Нумерация по желанию, раскрывающийся блок и плавная прокрутка.Открыть →

Часы работы для сайтаСоздайте таблицу часов работы вашего бизнеса для сайта с пометкой «открыто сейчас» или «закрыто», рассчитанной по часовому поясу Бразилиа, выделением сегодняшнего дня и структурированными данными OpeningHoursSpecification для Google.Открыть →

Адаптивный iframe (YouTube, Google Карты и другие)Вставьте код встраивания (iframe) YouTube, Google Карт, Vimeo, Instagram, Spotify, Canva или любого сайта, либо просто адрес, и получите iframe, который подстраивается под телефон, с aspect-ratio, отложенной загрузкой lazy, title для доступности и полноэкранным режимом.Открыть →

Список преимуществ с иконками (галочками) на HTML и CSSПревратите обычный список в список преимуществ с иконкой галочки, стрелки, звезды или сердца, в один или два столбца и в цветах бренда. Иконка задаётся через CSS, без изображений и библиотек, а список остаётся настоящим ul для Google и программ чтения с экрана.Открыть →

Карта Google для сайтаПолучите код для вставки карты Google Maps на ваш сайт по адресу, без ключа API: выберите масштаб, тип и размер карты, посмотрите предпросмотр и скопируйте адаптивный iframe и ссылку «Как проехать».Открыть →

Генератор адаптивного менюПолучите код адаптивного навигационного меню для сайта: ссылки в ряд на компьютере и кнопка-бургер на телефоне, доступное (aria-expanded, клавиша Esc, фокус) и без библиотек. Скопируйте HTML, CSS и JavaScript.Открыть →

Анимированные числа для сайта (счётчик)Создайте раздел с числами, которые считают от нуля до значения при появлении на экране, например «+500 обслуженных клиентов» и «15 лет опыта»: префикс, суффикс, русский формат чисел, длительность и цвета, с IntersectionObserver и учётом настройки уменьшения движения.Открыть →

Страница ссылок для профиляСоздайте свою страницу ссылок для профиля в соцсетях, как собственный Linktree: фото, имя, описание, кнопки мессенджера, сайта, меню и соцсетей, с цветами и темой. Скачайте один HTML-файл и разместите где угодно.Открыть →

Генератор страницы «Спасибо» (после формы или покупки)Создайте страницу «Спасибо», которая появляется после того, как клиент отправил форму, запросил расчёт или совершил покупку: понятное подтверждение, срок ответа, следующие шаги и приглашение в соцсети или мессенджер. Лёгкий HTML с noindex, в цветах бренда, готов к публикации.Открыть →

Генератор страницы «Сайт в разработке» и «Технические работы»Создайте страницу «Сайт скоро откроется» или «Технические работы» в цветах вашего бренда: заголовок, сообщение, необязательный обратный отсчёт, кнопки WhatsApp, Instagram и e-mail. Скачайте лёгкий index.html без зависимостей, с правильными для поисковиков настройками в каждом случае.Открыть →

Всплывающее окно для сайта (объявление, купон или рассылка)Создайте всплывающее окно для вашего сайта, которое не раздражает и не вредит SEO: появляется через несколько секунд, при прокрутке страницы или когда курсор уходит, соблюдает интервал в днях, чтобы не повторяться, превращается в полосу внизу на телефоне и закрывается по Esc или щелчку снаружи. Чистые HTML, CSS и JavaScript с dialog.Открыть →

Раздел «Как это работает» по шагам (HTML и CSS)Соберите раздел с шагами для вашего сайта (как это работает, как заказать, как оформить): нумерованные этапы с заголовком и текстом, по горизонтали с линией между номерами или по вертикали, в цветах вашего бренда, с доступным упорядоченным списком и адаптивной вёрсткой.Открыть →

Раздел «Наша команда» для сайта (HTML и CSS)Соберите раздел «Наша команда» для сайта: фото (или инициалы), имя, должность, короткая фраза и ссылки на Instagram, LinkedIn или мессенджер каждого человека, карточками или кругами, адаптивно и в цветах вашего бренда.Открыть →

Значок отзывов Google для сайтаСоздайте значок с рейтингом и числом отзывов вашей компании в Google для сайта: звёзды, оценка, общее число отзывов и ссылка на страницу отзывов и на оставление отзыва. Лёгкие HTML и CSS, без сторонних скриптов и без абонентской платы.Открыть →

Слайдер «до и после» для сайтаСоздайте сравнение «до и после» для сайта: два наложенных фото с разделителем, который перетаскивается пальцем или мышью, подписи, начальная позиция и цвета. Сделан на input range, поэтому работает с клавиатуры и в программах чтения с экрана.Открыть →

Сравнительная таблица для сайтаСоберите таблицу сравнения для вашего сайта (тарифы, товары, услуги или конкуренты): столбцы, строки с «да/нет» или текстом, выделенный столбец, закреплённая шапка и горизонтальная прокрутка на телефоне, в доступной HTML-таблице.Открыть →

Таблица размеров для магазина одежды (HTML для сайта)Соберите таблицу размеров вашего магазина одежды для страницы товара: размеры в столбцах или строках, мерки в сантиметрах, пояснение, как снимать мерки, и кнопка, открывающая таблицу в окне. Доступный, адаптивный HTML без зависимостей.Открыть →

Таблица цен для сайта (тарифы в HTML и CSS)Соберите раздел с тарифами и ценами для вашего сайта: от двух до четырёх тарифов с названием, ценой, периодом, списком того, что включено и что не включено, кнопкой и выделенным тарифом, с переключателем «месяц/год». Адаптивные HTML и CSS в цветах вашего бренда.Открыть →

Фоновое видео для сайта (HTML5)Создайте код фонового видео для верхней части сайта с тегом video из HTML5: автовоспроизведение, работающее на телефоне (muted и playsinline), цикл, обложка, тёмный слой для текста и пауза для тех, кто просил меньше движения.Открыть →

Лёгкое видео YouTube для сайтаСоздайте код для вставки видео YouTube на сайт без замедления страницы: показывается только обложка с кнопкой воспроизведения, а плеер YouTube (в режиме без cookie) загружается, когда человек нажимает. Вставьте ссылку на видео и скопируйте код.Открыть →

CSS и дизайн 52

Анимация при прокрутке страницы (scroll reveal на CSS)Создайте эффект появления элементов по мере прокрутки страницы (scroll reveal) на чистом CSS с animation-timeline: view(): появление, подъём, выезд сбоку, увеличение или размытие, с настраиваемым расстоянием и участком прокрутки, и без скрытия контента в браузерах, где этой возможности ещё нет.Открыть →

Калькулятор clamp() для плавного шрифтаРассчитайте CSS clamp() для текста и отступов, растущих вместе с шириной экрана: укажите размер на телефоне и на компьютере и ширины экрана, и скопируйте значение в rem с превью и предупреждением о масштабировании.Открыть →

Сочетание шрифтов Google FontsПроверьте сочетания шрифтов Google Fonts для заголовков и текстов сайта: выберите готовую пару или составьте свою, посмотрите предпросмотр со своим текстом и скопируйте ссылку для загрузки и CSS.Открыть →

Проверка контрастности цветов (WCAG)Проверьте, достаточно ли контрастен цвет текста на фоне по правилам доступности WCAG AA и AAA, с живым предпросмотром.Открыть →

Конвертер цветовПереводите цвета между HEX, RGB, HSL и CMYK и смотрите более светлые и тёмные оттенки.Открыть →

Цвет HEX в класс TailwindУзнайте, какой цвет стандартной палитры Tailwind CSS (v3) ближе всего к вашему цвету HEX или RGB, с перцептивным расстоянием и пятью ближайшими вариантами, либо используйте точное значение в квадратных скобках.Открыть →

Современный CSS reset (генератор)Соберите CSS reset для своего проекта, отметив нужное: box-sizing border-box, обнулённые отступы, адаптивные изображения, наследуемые шрифты в формах, перенос длинных слов, безопасная плавная прокрутка и уменьшенное движение. Каждое правило с объяснением.Открыть →

Отразить CSS (LTR в RTL)Конвертируйте CSS слева направо (LTR) в CSS справа налево (RTL) для сайтов на арабском, иврите и персидском — и обратно.Открыть →

Онлайн-редактор HTML с живым предпросмотромПишите HTML, CSS и JavaScript и сразу видьте результат — с консолью, видом на телефоне и скачиванием готовой страницы.Открыть →

Эффект печатной машинки для сайта (текст, который печатается)Создайте эффект печатающегося текста для заголовка вашего сайта: несколько фраз, которые по очереди пишутся и стираются («Делаем сайты для пекарен, салонов, мастерских…»), с мигающим курсором, скоростями, паузой и повтором. Чистые HTML, CSS и JavaScript, доступные для всех.Открыть →

Типографическая шкала и плавный шрифт (clamp)Создайте шкалу размеров шрифта для сайта на основе базового размера и пропорции (большая терция, чистая кварта, золотое сечение) с плавной версией на clamp(), которая растёт от смартфона до компьютера. Смотрите предпросмотр и копируйте CSS-переменные.Открыть →

Фавикон из буквСоздайте фавикон из инициалов вашего бренда без логотипа: выберите буквы, шрифт, цвета и форму (круг, скруглённый квадрат или квадрат) и скачайте favicon.ico, PNG и код для сайта.Открыть →

Угловая лента и значок на CSS (ribbon и badge)Создайте диагональную ленту в углу карточек и фото («Новинка», «Хит продаж», «Акция») и круглые значки или ярлыки на чистом CSS: текст, цвета, угол, размер и стиль, с предпросмотром на карточке.Открыть →

Генератор CSS-анимации появленияСоздавайте анимации появления для элементов сайта (проявление, подъём, рост, скольжение, расфокус) с настраиваемой кривой, длительностью и задержкой, каскадным эффектом и запуском при прокрутке страницы, с готовыми CSS и JavaScript.Открыть →

Генератор SVG-блобов (органические формы)Создавайте органические формы (блобы) в SVG для фонов, рамок фото и украшений сайтов: настройте сложность и неровность, выберите сплошной цвет или градиент и скачайте SVG.Открыть →

Генератор градиентной рамки (CSS)Создавайте рамки с градиентом на CSS для карточек, кнопок и фото: цвета, угол, толщина и скруглённые углы, которые работают (чего не умеет border-image), с вращающейся анимированной рамкой и прозрачным фоном.Открыть →

Генератор border-radius CSSСоздавайте скруглённые углы на CSS с живым предпросмотром: настройте каждый угол, включите все четыре вместе или создайте органические формы (блоб) с 8 значениями border-radius.Открыть →

Генератор CSS-кнопокСоздавайте CSS-кнопки для сайта наглядно: цвет, текст, размер, углы, рамка, тень и эффекты наведения и нажатия, с готовыми стилями (сплошной, контурный, градиент, таблетка) и кодом CSS и HTML для копирования.Открыть →

Генератор clip-path CSSОбрезайте изображения и элементы по формам с помощью CSS clip-path: треугольник, ромб, шестиугольник, звезда, стрелка, сообщение, круг и срезанные углы. Перетаскивайте точки в предпросмотре для настройки и копируйте код.Открыть →

Генератор CSS GridСоставляйте макеты на CSS Grid наглядно: число столбцов и строк, размеры (fr, px, auto), отступы и адаптивные столбцы с auto-fit и minmax. Смотрите предпросмотр и копируйте CSS и HTML.Открыть →

Генератор cubic-bezier (CSS easing)Рисуйте кривые анимации cubic-bezier, перетаскивая контрольные точки, сравнивайте с ease, ease-in-out и другими готовыми кривыми и копируйте CSS перехода.Открыть →

Генератор пользовательского курсора (CSS)Создайте собственный курсор мыши для вашего сайта из изображения, символа или цветного круга: размер, точка клика (hotspot), курсор для ссылок и CSS с запасным курсором. Изображение превращается в готовый для вставки data URI.Открыть →

Генератор faviconСоздайте favicon.ico и значки для сайта, iPhone и Android из изображения.Открыть →

Генератор CSS-фильтров (filter) для изображенийНастройте яркость, контраст, насыщенность, оттенки серого, сепию, оттенок, размытие, инверсию и тень изображения и скопируйте готовое свойство CSS filter, с готовыми фильтрами (чёрно-белый, винтаж, холодный, тёплый, блёклый) и возможностью применять только при наведении мыши.Открыть →

Генератор CSS flexboxСоставляйте макеты на CSS flexbox, нажимая на параметры: направление, выравнивание, распределение, перенос строк и расстояние между элементами, с живым предпросмотром и готовым для копирования CSS. Хорошо подходит, чтобы понять, что делает каждое свойство.Открыть →

Генератор @font-faceСоздайте CSS @font-face для использования собственных шрифтов на сайте: выберите файлы (WOFF2, WOFF, TTF, OTF), инструмент прочитает название, насыщенность и начертание каждого, соберёт правила с font-display swap и тег preload и покажет предпросмотр с настоящим шрифтом.Открыть →

Генератор глассморфизма (матовое стекло)Создайте эффект матового стекла в CSS (глассморфизм): размытие фона, прозрачность, цвет, граница и тень с предпросмотром на фото или градиенте и готовым кодом с backdrop-filter.Открыть →

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

Генератор изображения-заглушкиСоздавайте изображения-заглушки (placeholder) любого размера с цветом фона, текстом и форматом PNG, JPG, WEBP или SVG для макетов и прототипов.Открыть →

Генератор адаптивных изображений (srcset и sizes)Загрузите фото и получите версии нужной ширины (в WebP, AVIF или JPG) в архиве .zip вместе с кодом <img> с srcset и sizes или <picture>, с width и height, чтобы макет не прыгал, и с подходящими loading и fetchpriority для каждого случая.Открыть →

Генератор CSS-лоадера (загрузка)Выберите индикатор загрузки на чистом CSS (кольцо, точки, полосы, пульс, индикатор выполнения), настройте цвет, размер и скорость и скопируйте HTML и CSS — без изображений и библиотек.Открыть →

Генератор карты изображения (кликабельные области)Рисуйте кликабельные области на изображении (прямоугольник, круг или многоугольник) и связывайте каждую со ссылкой: план квартиры, карта магазинов, фото товара, меню. Создаёт классический HTML с map и area и адаптивную версию со ссылками в процентах, подстраивающуюся под телефон.Открыть →

Генератор CSS media queries (брейкпоинты)Создайте каркас media queries для вашего CSS с брейкпоинтами Bootstrap 5, Tailwind или своими: mobile-first (min-width) или desktop-first (max-width), в px или em, плюс тёмная тема, меньше движения, мышь или касание, ориентация и печать. Смотрите вживую, какие из них действуют на вашем экране.Открыть →

Генератор mesh gradientСоздавайте фоны mesh gradient (градиент с несколькими цветовыми пятнами в стиле северного сияния) для сайтов и постов: выберите цвета, перемешайте положения одним касанием и скопируйте CSS или скачайте изображение в PNG.Открыть →

Генератор неоморфизма (soft UI) CSSСоздайте неоморфный эффект (soft UI) в CSS: элементы, которые выглядят выступающими или утопленными в фон благодаря двум теням — светлой и тёмной. Выберите цвет, размер, расстояние, размытие, интенсивность и форму (плоская, вогнутая, выпуклая или нажатая).Открыть →

Генератор волн SVGСоздавайте разделители разделов в виде волны для сайта: настройте высоту, количество волн, слои и цвета, переверните и скачайте SVG или скопируйте код, чтобы использовать между разделами страницы.Открыть →

Генератор полосы прокрутки CSSНастройте полосу прокрутки сайта в цветах бренда: ширина, цвет дорожки и ползунка, скруглённые углы и цвет при наведении мыши, со стандартным CSS (scrollbar-color) и ::-webkit-scrollbar для старых браузеров.Открыть →

Генератор box-shadow CSSСоздавайте CSS-тени (box-shadow) с живым предпросмотром: смещение, размытие, растяжение, цвет, прозрачность, несколько слоёв и готовые шаблоны.Открыть →

Генератор CSS-спрайта (объединение значков в одно изображение)Объедините несколько значков и небольших изображений в один файл (sprite sheet) PNG или WebP и получите CSS с background-position и размером каждого, с отступами, в строку, столбец или сетку, и версию для экранов retina.Открыть →

Генератор светлой и тёмной темы (CSS-переменные)По цвету вашего бренда создайте CSS-переменные полной светлой и тёмной темы: фон, поверхность, текст, вторичный текст, граница, основной цвет и текст на нём, с проверкой контраста по WCAG и автоматическим тёмным режимом через prefers-color-scheme или кнопкой (data-theme).Открыть →

Генератор text-shadow CSSСоздавайте тени текста в CSS с предпросмотром и готовыми шаблонами: неон, ретро, 3D, контур, огонь и рельеф, с несколькими слоями и цветами.Открыть →

Генератор текста с градиентом (CSS)Создавайте заголовки с градиентным текстом для сайта через background-clip: text: выберите цвета, угол, шрифт и скопируйте CSS, с запасным цветом для старых браузеров и для тех, кто использует высокий контраст.Открыть →

Генератор зернистой текстуры (шум) для фоновСоздайте текстуру зерна (шума), которая придаёт фонам и градиентам вид бумаги или плёнки: интенсивность, размер зерна, цвет и прозрачность, с предпросмотром на вашем цвете или градиенте. Скачайте PNG для повторения на фоне или скопируйте как SVG в CSS.Открыть →

Генератор toggle switch (переключатель вкл/выкл) CSSСоздайте переключатель вкл/выкл (toggle switch) для сайта на чистом HTML и CSS, доступный через role=switch: размер, цвета, скругления и текст, с предпросмотром, работающим с мышью, касанием и клавиатурой.Открыть →

Генератор tooltip CSSСоздайте подсказку, которая появляется при наведении мыши или фокусе на элементе (tooltip), на чистом CSS: положение сверху, снизу, слева или справа, стрелка, цвета, скругления и задержка, доступная через aria-describedby и видимая при фокусе с клавиатуры.Открыть →

Генератор transform CSS (поворот, перемещение, масштаб, наклон и 3D)Соберите свойство CSS transform с помощью элементов управления: перемещение (translate), поворот (rotate), масштаб (scale), наклон (skew) и 3D-поворот с перспективой, с точкой начала (transform-origin) и переходом при наведении для проверки. Скопируйте готовый CSS.Открыть →

Оптимизация SVGУменьшите размер SVG-файлов, экспортированных из Illustrator, Figma, Inkscape или Canva: удаляются комментарии, метаданные, данные редактора и пробелы, округляются десятичные знаки, а предпросмотр рядом позволяет всё проверить.Открыть →

Фоновые узоры на CSSСоздавайте фоны с узором на чистом CSS, без картинок: горошек, клетка, линии, диагональные полосы, шахматка и зигзаг. Настройте цвета, размер и толщину и скопируйте код.Открыть →

Конвертер px в remПереводите px в rem, em, pt и проценты и обратно, с настраиваемым базовым размером и справочной таблицей для CSS.Открыть →

Генератор анимированного подчёркивания для ссылок (CSS)Создавайте эффекты анимированного подчёркивания для ссылок и меню на CSS: линия, растущая слева или из центра, скользящая, заполняющийся маркер и волнистое подчёркивание, с цветом, толщиной и отступом, работающие и при фокусе с клавиатуры.Открыть →

SVG в data URI (CSS и HTML)Преобразуйте код SVG в оптимизированный data URI для использования в CSS (background-image, mask) и HTML, с URL-кодированием, которое короче Base64, и предпросмотром изображения.Открыть →

Каркас сайта (вайрфрейм) онлайнРисуйте вайрфрейм (черновой макет) сайта или лендинга, перетаскивая готовые блоки: шапку, баннер, заголовок, текст, изображение, кнопку, карточки, форму, видео и подвал — в размере компьютера или телефона. Перемещайте, меняйте размер и скачивайте в PNG или SVG.Открыть →

SEO и публикация 24

SEO-анализ страницы (HTML)Вставьте HTML-код страницы и узнайте, чего не хватает для SEO: заголовок, meta description, H1, структура заголовков, изображения без alt, canonical, Open Graph, язык, viewport, ссылки и структурированные данные.Открыть →

Чек-лист запуска сайта (перед публикацией)Список того, что проверить перед запуском сайта: SEO, Google Search Console, мобильная версия, скорость, доступность, закон о персональных данных, формы, мессенджер, favicon, превью ссылки, страница 404, HTTPS и редиректы. Отмечайте сделанное, смотрите прогресс и скачайте список. Каждый пункт ведёт к инструменту, который его решает.Открыть →

Генератор и валидатор ads.txtСоздайте файл ads.txt для вашего сайта для Google AdSense и других рекламных сетей: домен системы, ID аккаунта, DIRECT или RESELLER и ID центра сертификации, с контактом и поддоменами. Вставьте существующий ads.txt, чтобы проверить ошибки построчно.Открыть →

Генератор заголовков безопасностиСоздайте HTTP-заголовки безопасности сайта (HSTS, Content-Security-Policy, X-Content-Type-Options, Referrer-Policy, Permissions-Policy и защиту от iframe) для Nginx, Apache, Netlify, Cloudflare Pages и Vercel.Открыть →

Генератор тегов hreflangСоздавайте теги hreflang для сайтов на нескольких языках или для нескольких стран (ru, en, de, es…): ссылки alternate в head, в XML-карте сайта или в HTTP-заголовке, с x-default и проверкой кодов языка и региона.Открыть →

Генератор .htaccessСоздайте файл .htaccess для сайтов на Apache (виртуальный хостинг): принудительный HTTPS, с www или без, сжатие, кэш изображений, CSS и JS, страница ошибки 404, запрет просмотра папок и защита файлов.Открыть →

Генератор ссылки на email (mailto)Создайте ссылку mailto, которая открывает письмо с уже заполненными получателем, копией, скрытой копией, темой и сообщением, с правильно закодированными буквами и переносами строк. Скопируйте ссылку, HTML-кнопку или создайте QR-код.Открыть →

Генератор ссылок с UTMСоздавайте ссылки с UTM-параметрами (utm_source, utm_medium, utm_campaign, utm_term, utm_content), чтобы видеть в Google Analytics или Яндекс Метрике, откуда приходят посетители: соцсети, мессенджеры, email, реклама и QR-коды.Открыть →

Генератор llms.txtСоздайте файл llms.txt для вашего сайта: название, краткое описание и самые важные страницы, сгруппированные по разделам, в формате, предложенном на llmstxt.org, чтобы помочь ИИ-инструментам понимать содержимое сайта.Открыть →

Генератор мета-тегов (SEO)Создавайте мета-теги SEO, Open Graph и Twitter для вашего сайта и смотрите предпросмотр в Google и в мессенджере.Открыть →

Генератор редиректов 301Создавайте правила редиректа 301 или 302 для Apache (.htaccess), Nginx, Netlify (_redirects), Vercel (vercel.json), Cloudflare и HTML по списку старых и новых адресов.Открыть →

Генератор preload, preconnect и dns-prefetchСоздавайте теги resource hints, которые ускоряют загрузку сайта: preconnect и dns-prefetch для сторонних доменов (Google Fonts, аналитика, CDN), preload шрифта и главного изображения с правильными fetchpriority и crossorigin и prefetch следующей страницы.Открыть →

Генератор robots.txtСоздайте файл robots.txt для вашего сайта: разрешите или запретите поисковых и ИИ-роботов, закройте приватные папки и укажите карту сайта.Открыть →

Генератор schema markup (JSON-LD)Создавайте структурированные данные JSON-LD schema.org для FAQ, местного бизнеса, статьи и хлебных крошек, готовые для вставки на сайт и улучшения вида в поиске.Открыть →

Генератор security.txt (RFC 9116)Создайте файл security.txt для вашего сайта в формате RFC 9116: контакты для сообщений об уязвимостях (email, страница или телефон), срок действия, языки, политика, благодарности, ключ и канонический адрес — готовый для сохранения в /.well-known/security.txt.Открыть →

Генератор sitemap.xmlСоздайте sitemap.xml для вашего сайта по списку страниц: вставьте адреса, задайте дату обновления и скачайте готовый файл для отправки в Google Search Console и Яндекс Вебмастер.Открыть →

Генератор manifest.json (PWA)Создайте файл манифеста веб-приложения (site.webmanifest или manifest.json), чтобы сайт можно было установить на главный экран телефона: название, краткое название, цвета, режим отображения, значки 192 и 512 px и тег link для HTML.Открыть →

Ссылка для отзыва в Google (с QR-кодом)Создайте ссылку, которая сразу открывает окно отзыва о вашем бизнесе в Google, по Place ID, и сгенерируйте QR-код для стойки, меню или чека, а также готовое сообщение с просьбой оставить отзыв в WhatsApp.Открыть →

Генератор карты сайта в HTML (страница для посетителей)Превратите список адресов вашего сайта или сам sitemap.xml в страницу карты сайта для посетителей: ссылки сгруппированы по разделам, с читаемыми названиями из адреса, в лёгком HTML, готовом к публикации.Открыть →

Предпросмотр сниппета в поискеПосмотрите, как заголовок и описание вашей страницы выглядят в результатах поиска на компьютере и телефоне, с шириной в пикселях и предупреждением, когда текст будет обрезан.Открыть →

Время загрузки сайта по типу соединенияОцените, сколько времени ваша страница загружается в 3G, 4G и Wi-Fi, исходя из веса (HTML, CSS, JavaScript, изображения и шрифты) и числа файлов, и посмотрите, сколько весит каждая часть и сколько даёт преобразование изображений в WebP.Открыть →

Проверка сайта на экранах разных размеровПосмотрите, как ваш сайт выглядит на телефоне, планшете и компьютере одновременно: введите адрес и проверьте страницу при ширине 360, 390, 768 и 1280 px рядом друг с другом, с прокруткой на каждом экране.Открыть →

Тест адаптивного сайта (вид на телефоне, планшете и компьютере)Посмотрите, как ваш сайт выглядит на телефоне, планшете и компьютере одновременно, в реальных размерах экрана (360, 375, 393, 768, 1366 и 1920 px), с масштабированием под экран, поворотом и произвольной шириной. Работает с сайтами, которые разрешают открытие во фрейме (iframe), и с вашим localhost.Открыть →

Проверка SEO страницы (on-page)Вставьте исходный код страницы и проверьте on-page SEO: заголовок и описание (длина), единственный H1 и порядок заголовков H1–H6, изображения без alt, canonical, lang, viewport, robots, Open Graph, структурированные данные и ссылки, с указанием, что исправить в каждом пункте.Открыть →

Форматирование и конвертация 39

Сравнение JSON (diff)Сравните два JSON и увидите, что именно добавлено, удалено или изменено, поле за полем, без учёта порядка ключей.Открыть →

Конвертер camelCase, snake_case и kebab-caseПреобразуйте названия и тексты в camelCase, PascalCase, snake_case, kebab-case, КОНСТАНТУ и другие форматы, используемые в программировании.Открыть →

Конвертер Punycode (домены с кириллицей и диакритикой)Переводите домены с кириллицей, диакритикой и эмодзи в Punycode (xn--) и обратно, например café.com.br в xn--caf-dma.com.br, по одному домену на строку.Открыть →

CSV в JSONКонвертируйте CSV в JSON и JSON в CSV с определением разделителя (запятая, точка с запятой или табуляция).Открыть →

CSV в SQL (INSERT и CREATE TABLE)Преобразуйте CSV или данные, скопированные из Excel, в команды SQL INSERT с CREATE TABLE и автоматически определёнными типами — для MySQL, PostgreSQL, SQLite и SQL Server.Открыть →

Определить разделитель CSVУзнайте, что использует CSV — запятую, точку с запятой, табуляцию или вертикальную черту, посмотрите таблицу и конвертируйте в другой разделитель.Открыть →

Экранирование и снятие экранирования текста (JSON, JS, SQL, regex)Экранируйте кавычки, слэши и переносы строк для JSON, JavaScript, SQL, regex, CSV и Unicode или сделайте обратное преобразование.Открыть →

Генератор changelogПревратите сообщения коммитов (Conventional Commits) в упорядоченный changelog по стандарту Keep a Changelog — готовый для CHANGELOG.md или релиза.Открыть →

Форматировать CSS (отступы и красивый вид)Отформатируйте минифицированный или беспорядочный CSS онлайн: одно свойство в строке, отступ в 2 или 4 пробела либо табуляция, пустая строка между правилами и раздельные селекторы, чтобы читать и править стиль любого сайта.Открыть →

Форматирование HTML (отступы и красивый вид)Отформатируйте запутанный или минифицированный HTML-код онлайн: каждый тег на своём уровне, CSS и JavaScript внутри страницы форматируются вместе с ним, на выбор отступ в 2 или 4 пробела либо табуляция и перенос длинных строк.Открыть →

Форматирование JavaScript (отступы и красивый вид)Отформатируйте минифицированный или запутанный JavaScript онлайн: отступ в 2 или 4 пробела либо табуляция, фигурные скобки на той же или на следующей строке и перенос длинных строк, чтобы читать и отлаживать скрипты с любого сайта.Открыть →

Форматирование JSONФорматируйте, проверяйте и минифицируйте JSON.Открыть →

Форматирование SQLФорматируйте SQL-запросы онлайн: перенос строк по предложениям, отступы, ключевые слова в верхнем регистре и возможность минификации.Открыть →

Форматирование XMLФорматируйте, проверяйте и минифицируйте XML онлайн: автоматические отступы, сообщения о синтаксических ошибках и преобразование XML в JSON.Открыть →

Генератор бейджей для READMEСоздавайте бейджи shields.io для README на GitHub с текстом, цветом, стилем и логотипом и копируйте их в Markdown или HTML.Открыть →

Генератор Lorem IpsumПример текста для макетов и прототипов: абзацы, предложения, слова, списки или заголовки, на латыни или на русском, в виде текста или HTML.Открыть →

Генератор HTML-таблицВставьте данные из Excel, Google Таблиц или CSV и получите готовую HTML-таблицу для сайта: с заголовком, полосатыми строками, границами, прокруткой на телефоне и CSS-стилем, либо только чистый HTML.Открыть →

Генератор таблиц MarkdownСобирайте таблицы Markdown визуально или вставляйте из Excel и Google Таблиц, с выравниванием столбцов, для README, GitHub и Notion.Открыть →

Кодирование HTML (entities)Преобразуйте специальные символы и буквы с диакритикой в HTML-сущности (&lt; &eacute;) и обратно.Открыть →

Конвертер HTML в JSXПреобразуйте HTML в JSX для React: class становится className, for — htmlFor, style — объектом, атрибуты в camelCase, пустые теги закрываются, а комментарии превращаются в {/* */}. Есть опция создания готового компонента.Открыть →

HTML в MarkdownПреобразуйте HTML в Markdown: заголовки, жирный шрифт, ссылки, изображения, списки, цитаты и блоки кода, со стилем заголовков и списков на ваш выбор.Открыть →

HTML в текстУберите все теги из HTML-кода и оставьте только текст, сохранив абзацы, списки и, по желанию, адреса ссылок.Открыть →

Просмотр символов UnicodeУзнайте код Unicode (U+), байты UTF-8, HTML-сущность и JavaScript-экранирование каждого символа или эмодзи в тексте и найдите невидимые символы.Открыть →

JSON в CSVПреобразуйте список объектов JSON в CSV для открытия в Excel или Google Таблицах: вложенные объекты разворачиваются, можно выбрать разделитель и скачать файл.Открыть →

JSON в TypeScriptСоздавайте интерфейсы или типы TypeScript из JSON: вложенные объекты, массивы, необязательные поля и имена в PascalCase.Открыть →

JSON в XML (и XML в JSON)Конвертируйте JSON в XML и XML в JSON с атрибутами, списками и отступами и проверкой синтаксиса.Открыть →

Просмотр файла .envВставьте файл .env и смотрите переменные в таблице: секреты скрыты, ошибки подсвечены, есть конвертация в JSON, YAML или Docker.Открыть →

Markdown в HTMLПишите на Markdown и смотрите предпросмотр в реальном времени, затем копируйте HTML или скачивайте файл.Открыть →

Минификация и форматирование CSSМинифицируйте CSS, чтобы сайт стал легче, или отформатируйте сжатый CSS для чтения и правки, с экономией в байтах.Открыть →

Минификация HTMLМинифицируйте HTML, удаляя ненужные комментарии, пробелы и переводы строк, с сохранением <pre>, <textarea>, скриптов и стилей, с экономией в байтах.Открыть →

Минификация JavaScriptМинифицируйте и сжимайте код JavaScript с помощью Terser: удаляет пробелы и комментарии и сокращает имена переменных, показывая экономию в байтах.Открыть →

Кодирование и декодирование Quoted-PrintableКодируйте и декодируйте текст в Quoted-Printable (=D0=90) и заголовки писем в форматах =?UTF-8?Q?...?= и =?UTF-8?B?...?=.Открыть →

Полная таблица ASCIIТаблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным кодом, символом и HTML-сущностью, с поиском и копированием по клику.Открыть →

Текст в slugПревращайте заголовки в удобные URL.Открыть →

Конвертер TOML в JSONКонвертируйте TOML в JSON и JSON в TOML с указанием точной строки при синтаксической ошибке.Открыть →

Валидатор JSON SchemaПроверьте JSON по JSON Schema и посмотрите каждую ошибку с точным путём или создайте схему по примеру JSON.Открыть →

Валидатор NDJSON (JSON Lines)Проверяйте файлы NDJSON и JSON Lines построчно, смотрите строки с ошибками и частые поля, конвертируйте в массив JSON.Открыть →

Просмотр JSON в виде дереваПросматривайте JSON в виде дерева с раскрываемыми узлами, поиском по ключу или значению, подсчётом элементов и путём к каждому полю в один клик.Открыть →

YAML в JSONКонвертируйте YAML в JSON и JSON в YAML с проверкой синтаксиса и указанием строки с ошибкой.Открыть →

Коды, хэши и сети 38

Анализ HTTP-заголовковВставьте заголовки HTTP-ответа и узнайте, что делает каждый, оценку безопасности и чего не хватает, с пояснением кэша и cookie.Открыть →

Анализ URL и параметровРазберите URL на протокол, домен, путь и параметры, посмотрите каждый параметр в декодированном виде (UTM, fbclid, gclid) и получите чистый URL.Открыть →

Анализ user agentОпределите браузер, версию, операционную систему, тип устройства, движок и процессор по любому user agent или по вашему.Открыть →

Base64Кодируйте и декодируйте текст в Base64.Открыть →

Битовый калькулятор (AND, OR, XOR, NOT, сдвиг)Выполняйте побитовые AND, OR, XOR, NOT и сдвиги над десятичными, шестнадцатеричными и двоичными числами, видя каждый бит рядом.Открыть →

Калькулятор chmodСоставьте права доступа к файлам Linux, отмечая флажки, и увидьте число (755, 644) и формат rwxr-xr-x.Открыть →

Калькулятор RAIDПосчитайте полезный объём, избыточность и сколько дисков может выйти из строя в RAID 0, 1, 5, 6 и 10, зная количество и размер дисков (HDD или SSD) вашего NAS или сервера.Открыть →

Калькулятор IP-подсетей (CIDR)Рассчитайте маску, адрес сети, broadcast, диапазон доступных IP и количество хостов сети IPv4 в нотации CIDR, например 192.168.1.0/24.Открыть →

Кодирование и декодирование Base32Преобразуйте текст в Base32 (RFC 4648) и обратно, с символом заполнения = или без него и с поддержкой диакритики и кириллицы в UTF-8. Полезно для ключей 2FA, имён файлов и идентификаторов.Открыть →

Кодирование URLКодируйте и декодируйте URL (процентное кодирование).Открыть →

Сравнение версий (SemVer)Сравните две версии SemVer, отсортируйте список версий и проверьте, какие подходят под диапазон вроде ^1.2.0 или >=2 <3.Открыть →

Перевод систем счисленияПереводите между десятичной, двоичной, восьмеричной и шестнадцатеричной системами.Открыть →

Конвертер байтов (КБ, МБ, ГБ, ТБ)Переводите между байтами, КБ, МБ, ГБ и ТБ в десятичном (1000) и двоичном (1024) стандартах и рассчитайте время загрузки.Открыть →

Конвертер IP (IPv4 и IPv6)Переводите адреса IPv4 в десятичный, шестнадцатеричный и двоичный вид и обратно, разворачивайте и сжимайте IPv6, получайте отображённый IPv6 и смотрите, частный, публичный или зарезервированный IP.Открыть →

Конвертер timestampПереводите Unix-timestamp в дату и обратно.Открыть →

Декодер SSL-сертификата (PEM и CSR)Вставьте SSL-сертификат в формате PEM или запрос CSR и посмотрите домен, издателя, срок действия, альтернативные имена, ключ и отпечатки.Открыть →

Декодировать JWTДекодируйте токены JWT и смотрите header, payload и даты выпуска и истечения в читаемом виде.Открыть →

Объяснить выражение cron по-русскиВставьте выражение cron и посмотрите, что оно означает на русском, поле за полем, с ближайшими датами запуска задачи.Открыть →

Генератор bcryptСоздавайте bcrypt-хеши паролей с нужной стоимостью и проверяйте, подходит ли пароль к bcrypt-хешу.Открыть →

Генератор BLAKE2 и BLAKE3Получите хеши BLAKE2b, BLAKE2s и BLAKE3 текста или файла — очень быстрые и надёжные.Открыть →

Генератор ключей RSA и ECDSAСоздавайте пары ключей RSA (2048, 3072 или 4096 бит) и ECDSA (P-256, P-384) в формате PEM для тестов, JWT, подписей и шифрования.Открыть →

Генератор выражения cronСоставьте выражение cron, не запоминая синтаксис: выберите частоту, минуты, часы и дни недели и посмотрите ближайшие запуски.Открыть →

Генератор команды cURLСоберите команду cURL с методом, заголовками, телом JSON, авторизацией и опциями и получите тот же запрос на JavaScript (fetch) и Python (requests).Открыть →

Генератор .gitignoreСоберите файл .gitignore для проекта, выбрав языки, фреймворки, системы и редакторы: Node, Python, Java, Flutter, macOS, VS Code и другие.Открыть →

Генератор хешаВычисляйте SHA-1, SHA-256 и SHA-512 для текста.Открыть →

Генератор HMAC (SHA-256, SHA-512)Вычисляйте HMAC-подпись сообщения с секретным ключом на основе SHA-1, SHA-256, SHA-384 или SHA-512 с выводом в шестнадцатеричном виде или Base64 и проверяйте вебхуки.Открыть →

Генератор JWT (подпись токена HS256)Создавайте и подписывайте JWT-токены с HS256, HS384 или HS512 по JSON-payload и секретному ключу, с быстрыми кнопками для iat, exp и sub, и проверяйте подпись существующего токена.Открыть →

Генератор MD5Получите MD5-хеш текста или файла в шестнадцатеричном виде или Base64.Открыть →

Генератор RIPEMD-160, SM3 и WhirlpoolПолучите хеши RIPEMD-160, SM3, Whirlpool, CRC32 и xxHash текста или файла.Открыть →

Генератор SHA-256Получите хеши SHA-256, SHA-224, SHA-384 и SHA-512 текста или файла.Открыть →

Генератор SHA-3 и KeccakПолучите хеши SHA3-224, SHA3-256, SHA3-384, SHA3-512 и Keccak-256 (Ethereum) текста или файла.Открыть →

Генератор кодов TOTP (2FA)Создавайте и проверяйте коды двухфакторной аутентификации (TOTP, RFC 6238) по секретному ключу Base32, создавайте новые ключи и ссылку otpauth:// для проверки входа с 2FA.Открыть →

Генератор UUIDСоздавайте случайные UUID v4 пакетами.Открыть →

Хеш файла (MD5, SHA-1, SHA-256)Вычислите контрольную сумму MD5, SHA-1, SHA-256 и SHA-512 любого файла и проверьте, совпадает ли она с хешем, указанным на сайте загрузки.Открыть →

Изображение в Base64Преобразуйте изображения в текст Base64 или Data URI для HTML и CSS.Открыть →

Обфускатор JavaScriptОбфусцируйте JavaScript-код, чтобы его было трудно читать и копировать: низкий, средний или высокий уровень, переименование переменных и кодирование строк.Открыть →

Генератор таблицы истинностиСоставьте таблицу истинности любого логического выражения с И, ИЛИ, НЕ, импликацией и эквиваленцией и посмотрите, тавтология это или противоречие.Открыть →

Тест регулярных выраженийПроверяйте регулярные выражения в реальном времени: совпадения подсвечиваются, видны группы захвата и результат замены.Открыть →

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

Генератор номеров банковских картСоздавайте валидные номера банковских карт для тестирования программ (Visa, Mastercard, Elo, Amex) и проверяйте их по алгоритму Луна.Открыть →

Инструменты не найдены. Попробуйте другое слово.

Инструменты предоставляются как есть, без гарантий. Мы не отвечаем за результаты и за то, как они используются.