Varrio Logo

Полная библиотека из 28 компонентов + интерактивный конструктор UI

☀️

Статус разработки:

  • ✅ Система темного и светлого режима
  • ✅ Система тем Skeleton UI
  • ✅ Поддержка кириллицы
  • ✅ Группировка компонентов по категориям
  • ✅ Интеграция с SvelteDND Actions
  • ✅ Flex контейнеры с автоматическим drag & drop
  • ✅ Конструктор UI с редактором свойств
  • 🔄 Система стыковки с Supabase
  • 📋 Экспорт в PDF
  • 📋 Импорт из Docx

Режим: Темный | Тема: cerberus

💾 Состояние localStorage:

Конструктор UI:
DnD система:
Темы:
Настройки:

🚨 Экстренное управление

Если интерфейс не работает - очистите кеш

1.1 Кнопки (Button)

Описание: Кнопки с разными вариантами (filled=заливка, tonal=приглушенный, outlined=контур), размерами (sm/base/lg) и цветами Skeleton UI. Интерактивные с hover-эффектами, поддержка иконок и disabled состояния.

1.2 Карточки (Card)

Ожидается: Прямоугольные контейнеры с округлыми углами. Filled=с фоном, Tonal=приглушенный фон, Outlined=прозрачный с цветной рамкой. Поддержка header/footer через snippets.

Filled Card (Default)

Должна иметь серый фон surface цвета

Tonal Primary Card

Должна иметь приглушенный синий фон

Outlined Success Card

Должна иметь прозрачный фон с зеленой рамкой

Card with Header

Градиентный заголовок сверху, hover-эффект

Footer область с другим фоном

Цветовая палитра

primary

secondary

tertiary

success

warning

error

surface

🎯 Varrio UI Library - 10 групп компонентов + DnD система + UI конструктор

Используйте навигацию выше для просмотра компонентов по категориям

© 2024 Varrio UI Library. Профессиональная библиотека компонентов для SvelteKit 5.

Построено на SvelteKit 5 + Skeleton UI v3 + TailwindCSS v4