NETROOM
Самый ходовой генератор палитр: пробел - новая пятёрка, замок - фиксируешь удачный цвет и крутишь остальные. Кроме генератора внутри целый набор: извлечение цветов из фото, проверка контраста, симуляция дальтонизма, коллекции и палитры сообщества. Работает без аккаунта, но бесплатно хранит только 10 палитр, 1 проект и 5 избранных цветов. Pro примерно за 3 $ в месяц снимает лимиты и рекламу. Есть приложение для iOS и плагин к Figma.
Стандарт де-факто для UI/UX: макеты, компоненты, авто-лейаут, прототипы, дизайн-токены и Dev Mode для передачи в разработку - всё в браузере и в реальном времени, без «пришли мне последнюю версию файла». Бесплатный Starter даёт неограниченные черновики, UI-киты и небольшой лимит AI-кредитов. Дальше платят за места: Professional - 16 $ в месяц за полное, 12 $ за dev-место, 3 $ за место с комментариями. Organization и Enterprise дороже, но добавляют библиотеки и админку.
Полный 3D-конвейер в одном бесплатном приложении: моделинг, скульптинг, ретопология, UV, риггинг, анимация, симуляции, рендер в Cycles и EEVEE, композитинг и даже видеомонтаж. Пятая ветка принесла новую систему управления цветом с широким охватом и HDR. Лицензия GPL-2.0-or-later, код принадлежит участникам, поэтому «станет платным» здесь невозможно в принципе. Живёт на пожертвования Development Fund. Порог входа высокий.
Единый фреймворк поверх двухсот с лишним иконочных наборов - около 250 тысяч иконок за одним синтаксисом. Ставишь веб-компонент или обёртку под React, Vue, Svelte, пишешь имя иконки, данные тянутся по API и кешируются; можно и офлайн, собранными пакетами. Есть плагины к Figma и Sketch. Сам фреймворк под MIT, а вот у наборов лицензии свои - перед коммерцией проверяй конкретный набор, разрешают не все.
Палитру обычно смотрят кружочками, и это враньё: пять красивых цветов рядом ничего не говорят о том, как они лягут на страницу. Realtime Colors красит демо-лендинг целиком - шапку, кнопки, карточки, текст - и ты видишь настоящие пропорции, где акцента 5%, а фона 60%. Выбираешь текст, фон, primary, secondary, accent, тут же проверяешь контраст и подбираешь шрифты. Экспорт в CSS, SCSS, Tailwind, PNG. Полностью бесплатно, про-плана нет, есть плагин для Figma.
Больше двадцати тысяч плоских иллюстраций в едином стиле, с перекраской прямо в галерее и выгрузкой в SVG и PNG. Бесплатно, без атрибуции, коммерция разрешена - нельзя только перепродавать пачками и строить на этом конкурирующий сервис. Сама галерея - витрина подписного дизайн-агентства, поэтому живёт ровно столько, сколько живёт бизнес: качай нужное сразу и складывай к себе в репозиторий. Стиль узнаваемый и слегка корпоративный, зато под свой бренд перекрашивается за минуту.
Облачная студия, которая не только генерирует 3D-модель по тексту или картинкам, но и доводит её до игрового вида: квад-ремеш, снижение полигонов, уровни детализации и AI-текстурирование с PBR. Экспорт самый широкий в своём классе: FBX, GLB, OBJ, STL, 3MF, USDZ, BLEND и DAE, плюс REST API с оплатой по факту. Риггинга и анимации нет. Стартовые кредиты дают бесплатно без карты, при оплате за год Basic обходится в $12 в месяц.
Библиотека 3D-иконок, отрендеренных в Blender: 120 сюжетов в трёх ракурсах и четырёх стилях - clay, gradient, color и premium, всего больше 1400 файлов. Отдают PNG 2400×2400, исходники .blend и .fbx, есть файл и плагин для Figma, так что цвет и угол докручиваются самому. Лицензия CC0: коммерция, правки, ремиксы - без атрибуции и без вопросов. Платного тут только ранний доступ к онлайн-редактору, сама библиотека бесплатна. Автор - Vijay Verma.
Официальная React-обёртка для Font Awesome. Сама по себе бесполезна: нужны ещё @fortawesome/fontawesome-svg-core и хотя бы один пакет иконок, free-solid или free-regular. Иконки рендерятся в SVG, размер, поворот, слои и анимация задаются пропсами. Импортируйте иконки поимённо, иначе в бандл уедет весь набор. Код под MIT, но сами бесплатные иконки под CC BY 4.0, а большая часть коллекции - в платной Pro-подписке. Если платить не хочется, посмотрите lucide-react. React 18 и 19.
Триста с лишним иконок от авторов Tailwind, нарисованных в одном стиле и в четырёх размерах: 24 контурные, 24 залитые, 20 и 16 залитые. Каждая иконка - отдельный React-компонент, импорт поимённый, tree-shaking работает, лишнего в бандл не приезжает. Зависимостей ноль, MIT, использовать можно и в коммерции. Набор намеренно маленький: если нужного символа нет - а его часто нет, - придётся дорисовывать или брать lucide-react с тысячей с лишним иконок. Обновляется редко, но набор и не должен расти.
Один компонент на 200+ наборов и больше двухсот тысяч иконок: пишете <Icon icon="mdi:home" /> и всё. В бандл ничего не тащит - SVG подгружаются с публичного API по требованию либо из офлайн-пакетов @iconify-json/*, если ходить в сеть из прода нельзя. Отличие от lucide-react в подходе: там tree-shaking отдельных React-компонентов, тут динамическая загрузка по имени. Удобно, когда иконку выбирает контент-редактор, а не разработчик. React от 16, MIT, релизы регулярные.
Больше девяти тысяч иконок в шести начертаниях - от thin до fill, начертание переключается пропсом, размер и цвет наследуются от текста. Для серверных компонентов есть отдельный вход @phosphor-icons/react/dist/ssr: основной пакет использует контекст и требует «use client». Иконки импортируют поимённо, иначе в бандл уедет весь набор. Последний релиз - май 2025: набор скорее завершён, чем заброшен. MIT, включая сами иконки.
Набор из ~300 иконок 15x15, нарисованных командой Radix (теперь WorkOS) под их же примитивы: единая сетка, единая толщина линий, чистые React-компоненты без рантайма. Главное, что надо знать - пакет заморожен: последняя версия 1.3.2 вышла в ноябре 2024, новых иконок не добавляют. Сетка 15px мелкая и с текстом 16px ладит не всегда. Для новых проектов чаще берут lucide-react: там тысячи иконок и живые релизы. Здесь - если уже сидишь на Radix Themes. MIT.
Больше 5900 SVG-иконок Tabler, обёрнутых в React-компоненты: единая сетка 24px, настраиваемые stroke-width, size и color через пропсы, есть залитый вариант. Ставится поверх пакета @tabler/icons, peer - React 16 и выше, лицензия MIT на всё, включая коммерцию. Импорт из корня в dev-режиме тянет тысячи модулей и заметно тормозит холодный старт Vite - берите именные импорты или подпуть с конкретной иконкой. Релизы регулярные, набор растёт.
Однооконный чекер контраста по WCAG 2.0: вбиваешь цвет текста и фона, размер и начертание - получаешь коэффициент и вердикт по AA и AAA. Главная фишка не в проверке, а в подсказке: если пара не проходит, инструмент сам считает ближайший допустимый оттенок, а не отправляет крутить палитру вручную. Бесплатно, без регистрации и рекламы, работает прямо в браузере. Берите, когда надо починить конкретную пару, а не собирать палитру заново.
Каталог эффектных React-компонентов на Tailwind и Framer Motion: hero-секции, bento-сетки, светящиеся бордеры, параллаксы. Работает по модели shadcn - копируешь код себе в проект и правишь, никакой зависимости в package.json. Базовая библиотека бесплатна и годится в коммерцию. Премиум-блоки и шаблоны идут через All-Access: 169 $ в год, 199 $ разово навсегда или 1590 $ на команду до 10 человек. Перепродавать сами компоненты нельзя.
Ветеран среди цветовых инструментов: колесо с правилами гармонии, вытягивание палитры и градиента из фотографии, проверка контраста по WCAG и симуляция дальтонизма. Палитры сохраняются в библиотеки Creative Cloud и подтягиваются в Photoshop, Illustrator и Express - ради этой связки его и держат. Сервис бесплатный, нужен только Adobe ID; платить придётся за приложения, куда палитры уезжают. Adobe заметно сращивает его с Express.
Генеративная студия Adobe: картинки, вектор, видео, звук плюс доступ к сторонним моделям в одном окне. Продаётся не качеством картинки, а юридической чистотой - модели учили на Adobe Stock, лицензированном и public domain контенте, а на платных планах Adobe даёт возмещение по претензиям об авторских правах. Бесплатно дают 25 кредитов в месяц, дальше Standard 9,99 $ за 2000 кредитов, Pro 19,99 $ и выше вплоть до 199,99 $.
Песочница готовых CSS-анимаций: выбираешь эффект, крутишь длительность, easing, задержку и направление, смотришь превью на кнопке или тексте и забираешь только тот CSS, что реально нужен - без килобайтов чужих кейфреймов. Бесплатно, регистрации нет, код под лицензией FreeBSD, так что в коммерческом проекте вопросов не возникнет. В отличие от готовых библиотек отдаёт ровно один отредактированный кейфрейм, а не весь набор.
Сервис не для генерации, а для оживления готовых моделей: Animate Anything сам ставит скелет и анимации животному, человеку или машине. Рядом Generate Anything, библиотека моделей и SDK для игр, есть API и плагины для Blender, Unity, Maya, 3ds Max, Unreal и Roblox. Бесплатный тариф рассчитан на студентов, личное использование и команды с выручкой до $100 тысяч в год, Micro стоит $50 в месяц. Домен anything.world теперь переадресует на everythinguniver.se: компания называется Everything Universe, а бренд Anything World на страницах пока остался.
Официальные гайдлайны Apple по всем платформам сразу - iOS, iPadOS, macOS, watchOS, tvOS и visionOS. Не вдохновение, а справочник: как ведёт себя каждый системный компонент, какие отступы и типографика, где заканчивается свобода и начинается требование ревью App Store. Читать стоит до того, как рисовать экраны, иначе половину придётся переделывать. Бесплатно, аккаунт разработчика не нужен, к тексту прилагаются Figma-библиотеки.
Браузерный конструктор мокапов и графики: больше 5000 сцен - девайсы, одежда, упаковка, полиграфия, брендинг. Ставишь свой дизайн на футболку или коробку, двигаешь свет и тени, выгружаешь PNG, JPEG, WEBP или видео в MP4. Есть плагины к Figma и Adobe Express, ставить ничего не надо. Бесплатный тариф с лимитом на экспорт, Lite 9 $ и Pro 19 $ в месяц при годовой оплате, разовый Lifetime за 129 $. Коммерция разрешена, перепродажа сцен - нет.
Витрина того, что сейчас считается вершиной веб-дизайна: Site of the Day, месячные и годовые награды, оценки жюри по дизайну, юзабилити, креативу и контенту. Смотреть, фильтровать по технологиям и разбирать чужие решения - бесплатно и без аккаунта. Платное начинается там, где хочется участвовать: подача сайта стоит денег, плюс Pro-подписка, курсы Academy и конференции. Полезнее как календарь трендов, чем как источник готовых паттернов.
Генератор SVG-фонов: волны, сетки, звёзды, платы, конфетти - около 35 заготовок, у каждой ползунки цвета, плотности и наклона. Отдаёт SVG, который весит копейки и тянется на любой экран без пикселей. Внимательно с лицензией: бесплатная скачка идёт по CC BY 4.0, то есть атрибуция обязательна. Снимается она деньгами - 5,99 $ за Basic и 35,99 $ за Pro, лицензия оформляется на конкретный проект. Перепродавать сами фоны нельзя.
Портфолио-сеть Adobe: кейсы с большими картинками, лента по направлениям, вакансии, фриланс-услуги и поиск исполнителей. От Dribbble отличается форматом - тут не шот на одну картинку, а разобранный проект целиком, с процессом и результатом, поэтому и заказчики смотрят чаще. Публикация и просмотр бесплатны, аккаунт Adobe и так есть у половины индустрии. Платное - Pro-подписка со статистикой и Recruiter Pro для тех, кто нанимает.
Одна кнопка и три ползунка: сложность, контраст, случайность - и органическая клякса в SVG, которую можно положить под заголовок или в угол карточки. Копируется как код или скачивается файлом, регистрации нет, денег не просят. Живёт, но развитие ушло в Haikei того же z creative labs - там те же блобы плюс волны, сетки и градиентные фоны. Blobmaker держат как быстрый однозадачный инструмент: покрутил кубик, забрал форму, закрыл вкладку.
Иллюстрации, которые собираются как конструктор: берёшь коллекцию конкретного художника и меняешь позы, лица, одежду, фон и цвета, пока не совпадёт с твоим продуктом. Выгрузка в PNG и SVG, есть плагины к Figma и Sketch - работать в браузере не обязательно. Лицензия щедрая: коммерция и личное, без атрибуции, но перепродавать иллюстрации и печатать их на мерче нельзя. Часть вариаций закрыта: Pro стоит 12 $ в месяц или 96 $ в год.
Генератор CSS-градиентов: крутишь цвета, угол и точки остановки - забираешь готовый linear-gradient или radial-gradient. Бесплатно, без регистрации. Рядом с генератором лежит справочная часть: разбор синтаксиса, коллекции оттенков, подборка градиентов реальных брендов вроде Stripe и Instagram - удобно, когда нужен не свой велосипед, а проверенное сочетание. Проект живёт с 2017 года, его ведёт команда Designstripe (теперь Visual). Полученный CSS ваш, никаких лицензионных условий.
Выбор редакции