Безкоштовні інструменти дизайну

Створюйте QR-коди для URL-адрес, Wi-Fi, vCards і звичайного тексту. Завантажте у форматі PNG або SVG.

Перетворення SVG на шаблон Vue SFC.

Створюйте лінійні та радіальні градієнти CSS із попереднім переглядом — копіюйте готовий код.

Візуально створюйте CSS box-shadow із попереднім переглядом — скопіюйте готовий CSS для карток і кнопок.

Візуально створюйте макети flexbox — вирівнюйте, вирівнюйте та створюйте проміжки за допомогою копії CSS.

Візуальний редактор радіусів кордонів із керуванням кутами — скопіюйте скорочення CSS.

Зменшіть співвідношення, наприклад 1920:1080, до 16:9.

Створіть CSS clamp() для рідкого розміру.

Візуальний конструктор макетів сітки CSS.

Створення накипу рідинного типу за допомогою затискача.

Створіть матове скло CSS.

Створіть просту таблицю HTML.

Створення нейморфного CSS з м’яким інтерфейсом користувача.

Зменште та очистіть розмітку SVG.

Попередній перегляд SVG-коду.

Створіть аркуш спрайтів SVG.

Перетворення SVG на компонент React.

Попередній перегляд HTML за допомогою класів CDN Tailwind.

Текстова тінь дизайну CSS із попереднім переглядом — скопіюйте фрагмент для заголовків.

Кольори, градієнти та генератори дизайну CSS в одній робочій області.

Витягніть палітри та перевірте контраст.

Вибирайте, конвертуйте та досліджуйте кольори — палітри й конвертери в браузері.

Витягуйте палітри із зображень, перевіряйте контраст WCAG, конвертуйте колірні простори та створюйте тіні CSS.