BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 20
Morphicons
Безкоштовна бібліотека для плавного перетворення SVG-іконок одна в одну. Підтримує різні набори іконок та популярні вебфреймворки.
Wick Editor — анімації та інтерактивні сцени
Безкоштовний редактор 2D-анімацій та простих ігор із малюванням, часовою шкалою, сценаріями й експортом у браузері.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Krita AI Diffusion: AI-редагування у процесі малювання
Відкритий плагін для Krita з генеративним заповненням, домальовуванням, живою генерацією та керуванням через виділення, ескізи й шари.
zoxilsi studio — mesh-градієнти та анімовані фони
Редактор сітчастих градієнтів із кривими Безьє, пресетами, ефектами та експортом у зображення, відео й код.
Holocloth — голографічна тканина для графіки
Драпіруйте зображення на симульованій тканині, налаштовуйте голографічний матеріал і експортуйте PNG, зокрема без фону.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
Merucav — редактор шейдерних композицій
Безкоштовний браузерний редактор градієнтів і шейдерних ефектів із фігурами, текстом, іконками та збереженням налаштувань у JSON.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
ShaderGradient — генератор анімованих 3D-градієнтів для сайтів і Figma
Безкоштовний open-source інструмент для створення плавних анімованих 3D-градієнтів із візуальним редактором, Figma та Framer-інтеграціями й готовими пакетами для React і Vue.
Pattern Monster — генератор безшовних SVG-патернів
Безкоштовна бібліотека з 320+ безшовних патернів із налаштуванням кольорів, товщини ліній та кута, копіюванням CSS/SVG і експортом у SVG або PNG.
Iconoir — 1 600+ безкоштовних open-source іконок
Велика безкоштовна бібліотека SVG-іконок на сітці 24×24 з підтримкою Figma, Framer, React, React Native, Vue, Flutter і CSS.
Fontshare — 100 безкоштовних шрифтових сімейств для дизайну
Добірка зі 100 якісних безкоштовних шрифтових сімейств для брендингу, сайтів, UI, постерів і комерційних дизайн-проєктів.
Google Fonts — безкоштовні шрифти для сайтів, дизайну та брендингу
Велика бібліотека безкоштовних open-source шрифтів для вебсайтів, брендингу, UI, презентацій і комерційних дизайн-проєктів.
Krita
Безкоштовна програма для цифрового малювання, ілюстрацій і покадрової анімації з відкритим кодом.
Blender
Безкоштовний відкритий інструмент для 3D-моделювання, рендерингу й анімації, з дозволеним комерційним використанням.
Penpot
Відкрита платформа для інтерфейсів, прототипів і дизайн-систем. Є безкоштовний хмарний план та самостійне розгортання.
WhoCanUse: контраст кольорів і симуляції зору
Безкоштовний браузерний інструмент для перевірки контрасту тексту й фону, з оцінками WCAG та симуляціями різних особливостей зору й умов перегляду.