Book of Shapes — генеративні SVG-патерни
Колекція геометричних і органічних патернів із параметричним налаштуванням, SVG-завантаженням і копіюванням для Figma.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 103
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Spherium — генератор глобусів і векторних карт
Браузерний інструмент для стилізації світової карти на 3D-глобусі з налаштуванням точок, сітки й експорту у SVG, HTML, GLB та OBJ.
Reelfolio — анімовані шоу-ріли для портфоліо
Сервіс для перетворення скриншотів і відеофрагментів на анімовані презентації робіт. Перегляд шаблонів безкоштовний, рендеринг та експорт платні.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
Merucav — редактор шейдерних композицій
Безкоштовний браузерний редактор градієнтів і шейдерних ефектів із фігурами, текстом, іконками та збереженням налаштувань у JSON.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Signal — генератор глітч-ефектів для зображень
Безкоштовний браузерний інструмент для перетворення зображень на глітч-графіку зі зсувами кольорових каналів, шумом, сортуванням пікселів і короткими відеопетлями.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
HalftonePro — генератор півтонових патернів
Браузерний інструмент для створення півтонових патернів і текстур із налаштуванням сітки, форм та кольорів. Безкоштовний PNG; SVG доступний у платній версії.
GEOMETRIC – геометричні ефекти для фото й відео
Браузерна артстудія, що перетворює фото, відео та звук на композиції з контурів, геометричних форм і цифрових текстур.
Light Rails — студія світлових патернів
Браузерна студія для геометричних патернів зі світловими лініями, градієнтами й анімацією. Налаштовуйте форму та рух, приміряйте композиції на макетах і готуйте графіку для подальшої роботи.
Loom – мозаїчні патерни та анімовані градієнти
Браузерний інструмент для створення кольорових мозаїк, пікселізації фотографій і градієнтних композицій із тонких ліній, з налаштуванням руху та експортом.
Sfumato – студія генеративних патернів і градієнтів
Браузерна студія для створення багатошарових абстрактних фонів із патернами, градієнтами, фактурами, світлом і анімацією.
Swayro – анімація зображень у браузері
Редактор для перетворення фотографій і скриншотів на анімовані ролики за готовими шаблонами, з налаштуванням руху та локальним експортом.
Dithr – растрові ефекти та зациклена анімація
Браузерна студія для створення зациклених анімацій із процедурних патернів, фото та відео з дизерингом і ASCII-ефектами.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
Valessa – 3D-візуалізація логотипів
Безкоштовний браузерний інструмент від Riotters, який перетворює SVG на об’ємні форми та допомагає оформити 3D-сцену з матеріалами, світлом і анімацією.
FlipCut Studio – стоп-моушн анімація з фотографій
Браузерний редактор, який перетворює фотографії на стоп-моушн ролики з марками, паперовими рамками й ефектом перегортання та експортує результат у MP4.
Loguitoc – анімація SVG-логотипів і типографіки
Безкоштовний браузерний інструмент, який анімує побудову SVG і тексту з контурами, точками Безьє та напрямними й експортує результат у MP4 до 4K, SVG або PNG.