Russian
Deutsch
EnglishНовая вкладка от Вебдока
Расширение для Chrome и Firefox: своя новая вкладка с визуальными закладками, папками, заметками, виджетами времени и погоды. Данные локально, UI на десятках языков.
Задача
Нужно было сделать продукт для тех, кому стандартная новая вкладка браузера неудобна: много сайтов «под рукой», проекты в папках, заметки к карточкам и бриф к папке, свой фон и язык интерфейса без смены языка браузера.
Ключевые требования к продукту:
- своя NTP вместо пустой вкладки Chrome и Firefox;
- визуальные карточки с превью, а не длинный список закладок;
- папки и подпапки для проектов, исследований и клиентов;
- заметки к папке и к каждой карточке;
- быстрое сохранение страницы (меню, hotkeys, popup);
- виджеты времени и погоды, настраиваемый фон;
- локальное хранение данных и UI на десятках языков;
- публикация в Chrome Web Store и Firefox Add-ons.
О проекте
New Tab from Webdoka - расширение для Chrome и Firefox, которое заменяет стандартную новую вкладку на рабочую стартовую страницу с визуальными закладками, папками, заметками, виджетами времени и погоды и настраиваемым фоном.
Данные хранятся локально в браузере; интерфейс локализован на десятки языков. Продукт разработан командой Вебдоки и публикуется в Chrome Web Store (Manifest V3) и Firefox Add-ons.
Расширение подменяет страницу новой вкладки: пользователь сразу видит сетку карточек с превью, панель папок, виджеты и фон из пресетов или каталога Webdoka. Закладки можно добавлять с любой страницы через контекстное меню, горячие клавиши или popup, сохранять скриншот-превью, перетаскивать между папками и копировать ссылки в буфер для мессенджеров.
Архитектура: service worker (background), content script для клипа области страницы, страница newtab на ванильном DOM и компактный popup. Сборка на Vite 6 и TypeScript без React. Закладки и настройки - в локальном storage браузера, крупные превью - в IndexedDB.
Приватность: закладки, папки, заметки и настройки остаются в профиле браузера; облачного аккаунта для закладок нет. Погода запрашивается у Open-Meteo с локальным кешем; фоны могут подгружаться с CDN Webdoka.
Установить: Chrome Web Store · Firefox Add-ons
Что мы сделали
Визуальные закладки
Карточки с превью страницы (автоснимок или своё изображение), группировка по папкам с вложенностью, блок «Неразобранное», drag-and-drop, открытие одной или всех ссылок группы, копирование ссылок для Telegram и других чатов.
Заметки к папкам и карточкам
Заметка папки - общий бриф или шаблон сообщения. Заметка карточки - пометки по сайту или контакту. Копирование текста в буфер одним кликом; индикатор, если заметка не пустая. Тексты папки и карточки независимы.
Сохранение страниц
Контекстное меню «Сохранить страницу» в выбранную папку, горячие клавиши Alt+S (область) и Shift+Alt+S (страница в «Неразобранное»), popup расширения и своё превью закладки.
Виджеты, фон и настройки
Время для нескольких городов, погода Open-Meteo на 7 дней с кешем, пресеты и каталог фонов Webdoka, цвет текста и масштаб карточек. Preferences Lab: интерфейс, виджеты, раскладка, бэкап и импорт HTML-закладок Chrome.
Локализация и публикация
Интерфейс и заметки к релизам - более 50 языков через _locales. Лендинг и справка на newtab.webdoka.com. Расширение доступно в Chrome Web Store (Manifest V3) и Firefox Add-ons.
Как это выглядит
Похожие проекты
Webdoka.net
SaaS-платформа для SEO: семантика, SERP-кластеризация, мониторинг позиций, аудиты сайта, кредитный биллинг и ИИ-планы внедрения.
PandaPay
Архитектура и разработка бэкенда платёжной платформы для QR-оплаты в мессенджере MAX
AGUTEENS
Редизайн проекта, разработка системы бронирования билетов
Хотите такой же результат?
Обсудим проект в формате «Сайты и сервисы»: подберём подход, оценим объём и сроки.
