Генераторы

Генераторы — 10 браузерных инструментов для разработчиков, включая Генератор UUID, Генератор Hash ID и Генератор тестовых данных. Всё работает локально без регистрации и загрузки файлов, ваши данные остаются приватными, а результат получается мгновенно.

10 инструментов

Генератор UUIDБесплатный онлайн-инструмент для генерации UUID v1, v4 и v7 с массовым созданием и проверкой. UUID создаются в браузере через crypto.getRandomValues(), до 1000 за раз, а v7 позволяет извлечь время создания.

Генератор Hash IDБесплатный генератор хеш-ID, создающий короткие, безопасные для URL случайные идентификаторы в стиле nanoid. Задайте длину и алфавит, сгенерируйте один или несколько ID и скопируйте их.

Генератор тестовых данныхБесплатный генератор тестовых данных на базе faker.js, создающий реалистичные имена, e-mail и адреса. Выберите поля и экспортируйте данные в формате JSON, CSV или SQL.

Генератор QR-кодовГенератор QR-кодов, превращающий текст или URL в изображение QR, с настройкой размера, уровня коррекции ошибок и цветов. Скачайте PNG сразу — код создаётся в браузере, бесплатно.

Генератор FaviconБесплатный генератор favicon для создания иконок из текста, эмодзи или цвета. Выберите шрифт, фон и форму и скачайте готовые PNG-иконки в нескольких размерах для сайта.

Генератор SVG-волнБесплатный онлайн-генератор SVG-волн с визуальным редактором для плавных форм. Настройте амплитуду, цвета и слои, примените готовые пресеты и скопируйте полученный CSS- и SVG-код для фонов и разделителей.

Генератор CSS-градиентовВизуальный генератор CSS-градиентов: линейных, радиальных и конических. Добавляйте точки цвета, меняйте угол и копируйте готовый CSS для фонов и кнопок, бесплатно в браузере.

Генератор CSS box-shadowГенератор CSS box-shadow с настройкой смещения, размытия, растяжения, цвета и inset и живым предпросмотром тени. Скопируйте готовый CSS-код, бесплатно в браузере.

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

Генератор CSS FlexboxПесочница CSS Flexbox с визуальным редактором justify-content, align-items, flex-direction и wrap и живым предпросмотром вёрстки. Готовый CSS для контейнера — бесплатно в браузере.

Как использовать

1
Настройте визуальные регуляторы— Тяните ползунки и маркеры градиента, тени, радиуса скругления или flexbox-раскладки: предпросмотр обновляется при каждом изменении, так что значение подбирается на глаз.
2
Скопируйте сгенерированный код— Каждый генератор сам пишет CSS, готовый для вставки в таблицу стилей, а генераторы QR-кода, фавикона и SVG-волны отдают файл для проекта.
3
Создавайте идентификаторы и тестовые данные пачками— Получите за один клик набор UUID или коротких Hash ID либо соберите фиктивные записи в JSON или CSV, чтобы заполнить таблицу на время тестов.

Часто задаваемые вопросы

Берите v7, если значение станет первичным ключом: оно начинается с миллисекундной метки времени, поэтому новые строки ложатся рядом в B-дерево индекса, а не разбрасываются по случайным страницам. Оставайтесь на v4, когда идентификатор не должен выдавать момент создания, например для публичного токена доступа.

Да. Оба используют crypto.getRandomValues() — криптографически стойкий генератор браузера, а не Math.random(). Генератор паролей вдобавок показывает энтропию в битах, так что видно, действительно ли выбранная длина и набор символов дают надёжный результат.

Да. Генераторы градиента, тени, скругления и Flexbox выдают стандартный CSS рядом с живым предпросмотром, а эти свойства в современных браузерах уже не требуют вендорных префиксов. Генератор SVG-волн отдаёт и разметку SVG, и CSS, нужный для использования её в качестве фона.