SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 58
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Pixactly — тренажер відчуття піксельних розмірів
Намалюйте прямокутник заданої ширини й висоти на око та перевірте точність у п’яти раундах із детальним підсумком.
The Bézier Game — практика роботи з пером і кривими
Безкоштовна браузерна гра, у якій потрібно обводити контури опорними точками та напрямними, використовуючи якомога менше вузлів.
Khroma — персональний пошук кольорових поєднань
Інструмент, який навчається на ваших кольорових уподобаннях і пропонує поєднання для типографіки, градієнтів, палітр та зображень.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
zoxilsi studio — mesh-градієнти та анімовані фони
Редактор сітчастих градієнтів із кривими Безьє, пресетами, ефектами та експортом у зображення, відео й код.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
INKDRUM: симулятор ризографічного друку
Браузерний інструмент для ризографічних ефектів із кольоровими шарами, растрами, паперовими текстурами та експортом кольороподілів.
Symbl — тестування логотипів у різних умовах
Перевіряйте масштабування, розмиття, контрастні варіанти та застосування логотипа на іконках, візитках і мокапах.
Gradient Lab від Backgrounds Supply — генератор градієнтних фонів
Безкоштовний браузерний редактор градієнтних фонів із шейдерними режимами, налаштуванням палітри та експортом зображень і відео.
generative.graphics — генератор геометричних патернів
Створюйте рухомі геометричні композиції з керуванням сіткою, шумом, формами й кольорами та експортом PNG і WebM.
Sinwaver — генератор синусоїд у SVG
Простий браузерний генератор хвилястих ліній із налаштуванням амплітуди, довжини хвилі, фази й товщини та SVG-експортом.
Tabbied Patterns — генератор кольорових патернів
Бібліотека генеративних патернів із палітрами, налаштуванням композиції та безкоштовним експортом PNG і SVG.
ColorFlow — редактор mesh-градієнтів
Редактор кольорових mesh-градієнтів із контрольними точками, ефектами, пресетами та опціями експорту зображень і відео.
Book of Shapes — генеративні SVG-патерни
Колекція геометричних і органічних патернів із параметричним налаштуванням, SVG-завантаженням і копіюванням для Figma.
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Spherium — генератор глобусів і векторних карт
Браузерний інструмент для стилізації світової карти на 3D-глобусі з налаштуванням точок, сітки й експорту у SVG, HTML, GLB та OBJ.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
Merucav — редактор шейдерних композицій
Безкоштовний браузерний редактор градієнтів і шейдерних ефектів із фігурами, текстом, іконками та збереженням налаштувань у JSON.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Signal — генератор глітч-ефектів для зображень
Безкоштовний браузерний інструмент для перетворення зображень на глітч-графіку зі зсувами кольорових каналів, шумом, сортуванням пікселів і короткими відеопетлями.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
GEOMETRIC – геометричні ефекти для фото й відео
Браузерна артстудія, що перетворює фото, відео та звук на композиції з контурів, геометричних форм і цифрових текстур.