71 компонент
Формы, данные, навигация, оверлеи — полный набор для продуктовых интерфейсов, от CoreButton до CoreDataTable.
Ядро продуктов d2n: компоненты на все случаи, WoW эффекты, темы и локализация. Эта страница собрана из самих core-компонентов — она и есть их витрина.
Что даёт core продуктам d2n с первого дня.
Формы, данные, навигация, оверлеи — полный набор для продуктовых интерфейсов, от CoreButton до CoreDataTable.
Палитра команд ⌘K, онбординг-туры, конфетти, reveal-анимации, бегущая строка и сравнение «до/после».
Светлая и тёмная темы на семантических токенах --ui-*: применяются до первой отрисовки, слой переопределяет палитру теми же переменными.
Весь контент — по ключам переводов в коде: ни одной статичной строки; даты, цены и склонения форматируются по локали.
WCAG 2.0 Level AA из коробки: контраст токенов проверяет CI, фокус-кольца :focus-visible, клавиатура без ловушек, prefers-reduced-motion.
Modal, Sidebar, Drawer и палитра команд в одном стеке: «назад» закрывает верхний оверлей, URL не меняется.
Пропсы, слоты и события генерируются из сигнатур SFC одной командой — docs:components.
Core-компоненты вставляются прямо в MDC-контент @nuxt/content — ::core-button, :core-icon: статьи и документация пишутся как текст, без Vue-файлов.
Каждый компонент сопровождается набором тестов Vitest — регрессии ловятся до продакшена.
Props, emits и слоты типизированы: vue-tsc ловит несовместимости до запуска, типы компонентов — в shared/types.
Компоненты безопасны при серверном рендере: уникальные id через useId, гидратация без расхождений.
Где есть нативный элемент — используем его: select, checkbox, radio, range. Клавиатура и семантика бесплатно.
Фирменные переливающиеся рамки, фоны и текст: пара цветов на компонент, перекрывается переменными без правки кода.
Bottom-навигация, мобильное меню и крупные touch-цели: интерфейс собран для телефонов с первого дня, а не как дополнение.
View Transitions API включён из коробки: мягкий кроссфейд между страницами без единой строчки кода.
Подключается как слой (extends) или стартовая база: компоненты, темы, i18n и тулинг переиспользуются в любом проекте одной строкой конфига.
Схемы schema.org для поисковиков одной строкой: useJsonLd добавляет ld+json-тег в head при SSR — товары, статьи и хлебные крошки видны как структура.
Манифест, service worker и клиентский бандл иконок: витрина устанавливается на телефон и десктоп, страницы открываются без сети.
Наведите курсор — прокрутка встанет на паузу.
Витрины для разработчиков: включаются переменной NUXT_DEV_PAGES=1 и не попадают в прод-билд.