Skip to content

Інструмент для редагування зовнішнього вигляду віджета банки Monobank.

Notifications You must be signed in to change notification settings

p3rrg0d/monobank-customizer

Repository files navigation

monobank Widget Customizer

Badge Badge Stars

Створюйте унікальні віджети для зборів monobank.

Цей інструмент дозволяє повністю змінити зовнішній вигляд стандартного віджета "Банки". Відходьте від нудних трьох варіантів, які надає monobank і робіть збори яскравими, зухвалими та помітними.

Preview

Основні функції

Кастомізація

  • Фон: Суцільний колір або складні градієнти. Налаштування прозорості.
  • Рамки: Будь-який стиль (Solid, Dashed, Dotted, Double, Groove, Ridge), товщина та радіус заокруглення.
  • Прогрес-бар: Градієнтні заливки, кастомні треки, налаштування форми.
  • QR-код: Ексклюзивні рамки (включаючи "Чорного кота" та "Без тіні").

Швидкі Дії

  • Галерея Пресетів: Десятки готових стилів (Neon, Retro, Glassmorphism тощо).
  • Randomize: Генератор випадкових унікальних дизайнів одним кліком.
  • CSS Експорт: Отримайте готовий код для OBS/Streamlabs за секунду.

Як користуватися

  1. Відкрийте редактор: Посилання на демо
  2. Налаштуйте дизайн: Крутіть повзунки, вибирайте кольори або тисніть "Випадково".
  3. Скопіюйте CSS: Натисніть кнопку "Копіювати CSS" внизу.
  4. Вставте в OBS: Додайте Browser Source, вставте лінк на банку та додайте свій CSS у поле "Custom CSS".

Локальний Запуск

Проєкт працює на Vite. Для запуску:

# 1. Клонувати репозиторій
git clone https://github.com/p3rrg0d/monobank-customizer.git

# 2. Встановити залежності
npm install

# 3. Запустити дев-сервер
npm run dev

Технології

  • HTML5 / CSS3 (Custom Properties, Flexbox/Grid)
  • TypeScript (Типізація та модульність)
  • Vite (Швидка збірка)
  • Pickr (Колірний пікер)

About

Інструмент для редагування зовнішнього вигляду віджета банки Monobank.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published