Шрифти й типографіка
Переглядайте, впорядковуйте й оптимізуйте всю колекцію шрифтів в одному місці.
Перетворюйте десктопні шрифти на WOFF/WOFF2 для вебу з CSS @font-face.
Завантажте зображення, щоб визначити шрифт і знайти схожі.
Знаходьте й налаштовуйте вдалі поєднання шрифтів.
Витягніть усі вебшрифти з будь-якого URL і завантажте їх.
Іконки та SVG
Тисячі іконок та ілюстрацій.
Повні open-source набори іконок.
Досліджуйте 39 656 символів Unicode.
Створюйте вебшрифти або SVG/PNG-спрайти.
Витягніть іменовані SVG-іконки з вебшрифту.
Змінюйте кольори, анімуйте, експортуйте в Lottie.
Створюйте й експортуйте CSS/HTML-лоадери та спінери.
Кольори
Трендові колірні палітри для ваших проєктів.
Гармонійні колірні схеми: комплементарні, тріадні та інші.
Отримайте палітру з завантаженого зображення або URL.
Перевірте пари тексту й фону на відповідність WCAG.
Світліші й темніші варіації будь-якого базового кольору.
Візуалізуйте колірні палітри та їхні властивості.
Зображення та AI
Перемикайтесь між PNG, JPG, WebP, AVIF та іншими форматами.
Зменште розмір файлу без втрати візуальної якості.
Прибирайте фон в один клік з ідеально чистими краями.
Зафарбуйте водяний знак чи об'єкт пензлем — AI зітре його.
Додайте природні кольори чорно-білим фото за допомогою AI.
Автоматично знаходить і розмиває обличчя для приватності.
Розпізнавання тексту на зображеннях — латиниця й кирилиця.
Перетворіть растр на багатошаровий SVG.
Збільшення, відновлення облич і шумоподавлення з AI.
Згенеруйте повний набір фавіконок.
Перетворіть зображення на стильні дизеринг-патерни.
Унікальні SVG-фони з органічними формами.
Шари, шейдерні ефекти та AI — повний цикл роботи із зображенням.
Ефекти для фото
Перетворіть будь-яке фото на ASCII-арт — скопіюйте як текст або збережіть PNG.
8-бітний піксель-арт із фото з ретропалітрами на кшталт PICO-8 і Game Boy.
Розщеплення RGB, зсуви смуг, scanlines і шум — GPU-глітч для будь-якого зображення.
Друкарський растр: крапки, квадрати чи ромби у двох кольорах.
Фото у двох кольорах — дуотон у стилі Spotify.
Глітч-арт: світлі чи темні пікселі стікають довгими смугами.
Заломлення рифленого скла: погляньте на фото крізь ребристе скло.
Фото розлітається на блоки довкола цілого центру.
Графітний олівцевий малюнок із фото з регульованою товщиною ліній.
М'які акварельні заливки з чорнильними контурами й текстурою паперу.
Мініатюрний світ: тілт-шифт розмиття з рухомою смугою фокусу.
Направлене розмиття для відчуття швидкості, проводки й динаміки.
Аналогове зерно плівки й м'яка віньєтка — вигляд 35 мм.
Розведіть канали R, G і B — облямівка лінзи або ефект 3D-окулярів.
Теплі аналогові засвітки й відблиски у будь-яких двох кольорах.
Контури фото світяться неоновими лініями на темному тлі.
Багатошаровий паперовий вигляд із вирізаними формами й м'якими тінями.
Кілька пласких тонів замість градієнтів — сміливий постерний вигляд.
Фото стає малюнком кольоровими олівцями зі збереженням кольорів.
Bloom: світлі ділянки м'яко випромінюють світло.
Мрійливе розмиття об'єктива, де яскраві точки розквітають боке.
Розмиття наближенням або обертанням, що мчить до точки.
Фото крізь шестикутні чи квадратні скляні блоки із заломленням.
Розірвіть фото на клапті паперу з білими краями й тінями.
Піксельна мозаїка з пласких шестикутників, як бджолині стільники.
Закрутіть фото у вир довкола центру.
Концентричні брижі води, що розходяться по фото.
Збільште центр фото, як «риб'яче око», — або стисніть його.
Затемніть чи тонуйте кути, щоб привернути увагу до центру.
Рельєф: фото стає опуклою сірою поверхнею.
Плавно розмийте все зображення — чисті краї, будь-яка сила.
Зробіть м'які фото чіткішими регульованим фільтром різкості.
CSS-інструменти
Лінійні, радіальні й конічні градієнти з живим переглядом.
Плинні WebGL mesh-градієнти — експорт у CSS або зображення.
Будуйте й переглядайте CSS Grid-макети в реальному часі.
Плинна типографіка й відступи з CSS clamp().
Візуальний редактор border-radius — від простих кутів до blob-форм.
Багатошарові CSS-тіні з живим переглядом і пресетами.
Форми clip-path: пресети, полігони, точки, які можна перетягувати.
Тіні soft UI: пласкі, увігнуті, опуклі й натиснуті стилі.
Поверхні в дусі Liquid Glass: матовість, викривлення, хроматична лінза.
Бібліотека готових SCSS-міксинів.
Для розробників
Готові UI/UX-компоненти з кодом для ваших проєктів.
Проаналізуйте будь-який URL і витягніть його дизайн-систему.
Мініфікуйте код, щоб зменшити розмір файлів.
Конвертуйте між форматами коду й мовами.
Закодуйте SVG у Base64 data URI для CSS і HTML.
Усі іконки цього набору — переглядайте, копіюйте SVG, додавайте в спрайт або завантажуйте окремі іконки.
UI icon pack in a single fill style.
Натисніть на іконку, щоб переглянути її, скопіювати SVG або додати в спрайт.
Жодна іконка не відповідає пошуку.
Схожі набори іконок, щоб продовжити перегляд.
Jinero активно розвивається. Якщо щось зламалось чи працює дивно — напишіть нам. Якщо бракує інструмента чи функції — теж напишіть. Ми читаємо кожне повідомлення, і саме вони визначають, що ми зробимо далі.
Або напишіть нам напряму на [email protected].
Напишіть нам будь-що — ми читаємо кожне повідомлення.
Ми відповімо на вказаний email. Також можна написати нам напряму на [email protected].
