Stitch
Інструмент Google Labs для створення інтерфейсів сайтів і застосунків за текстовим описом або зображенням, з експортом у Figma та HTML/CSS.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 30
Letterbox – літери, складені з тексту
Безкоштовний інструмент для типографічних експериментів: створюйте великі літери з дрібних символів і змінюйте шрифт, кольори та щільність заповнення.
Perfect Paragraph — гра про баланс типографіки
Налаштовуйте кегль, міжрядковий інтервал і ширину рядка в десяти вправах за навчальною моделлю типографічного трикутника Matej Latin.
Typeyeah Type Games — типографічна ігрова аркада
Чотири браузерні мініігри для практики кернінгу, розпізнавання шрифтів і засічок та гри з базовою лінією тексту.
Art Gallery — генеративні акварелі та інтерактивна студія
Галерея акварельних етюдів, що малюють себе, та браузерна студія для налаштування палітр, варіацій і параметрів. Безкоштовно для некомерційного використання за умовами ліцензії.
Holocloth — голографічна тканина для графіки
Драпіруйте зображення на симульованій тканині, налаштовуйте голографічний матеріал і експортуйте PNG, зокрема без фону.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
ASCIInator — генератор ASCII-графіки та композицій
Браузерний інструмент для перетворення зображень на ASCII-графіку з налаштуванням символів, кольору, композиції та експортом PNG, SVG і тексту.
Grainrad — ASCII-графіка та ретроефекти для фото й відео
Безкоштовний браузерний редактор із WebGPU, ASCII, дизерингом, растром та іншими ефектами для зображень, GIF і відео.
INKDRUM: симулятор ризографічного друку
Браузерний інструмент для ризографічних ефектів із кольоровими шарами, растрами, паперовими текстурами та експортом кольороподілів.
Sticky — інтерактивна 3D-сцена з наліпками
Браузерний експеримент із 3D-формами, матеріалами, освітленням і наліпками, які можна розміщувати на поверхні об’єкта.
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Merucav — редактор шейдерних композицій
Безкоштовний браузерний редактор градієнтів і шейдерних ефектів із фігурами, текстом, іконками та збереженням налаштувань у JSON.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
GEOMETRIC – геометричні ефекти для фото й відео
Браузерна артстудія, що перетворює фото, відео та звук на композиції з контурів, геометричних форм і цифрових текстур.
Loom – мозаїчні патерни та анімовані градієнти
Браузерний інструмент для створення кольорових мозаїк, пікселізації фотографій і градієнтних композицій із тонких ліній, з налаштуванням руху та експортом.
Sfumato – студія генеративних патернів і градієнтів
Браузерна студія для створення багатошарових абстрактних фонів із патернами, градієнтами, фактурами, світлом і анімацією.
Image to ASCII – зображення з текстових символів
Безкоштовний браузерний конвертер зображень в ASCII-графіку з локальною обробкою, налаштуванням символів і кольоровим експортом.
Loguitoc – анімація SVG-логотипів і типографіки
Безкоштовний браузерний інструмент, який анімує побудову SVG і тексту з контурами, точками Безьє та напрямними й експортує результат у MP4 до 4K, SVG або PNG.
Movulab – анімована типографіка у браузері
Онлайн-редактор, який перетворює текст і SVG на зациклені анімації з хромом, растром, глітчем та іншими ефектами.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Ultrapilled – графіка й анімація з фізикою
Безкоштовний браузерний редактор, у якому текст, фігури, іконки та зображення падають, підстрибують і складаються в живі композиції.
Noise & Texture — генератор шуму, текстур і патернів для Figma
Безкоштовний Figma-плагін для створення безшовного шуму, текстур, патернів, градієнтів і процедурних ефектів із живим попереднім переглядом.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.