Компоненты · Экраны

ВитринаShowcase

Показ работы продукта на шаге знакомства

npx shadcn@latest add @umbra/showcase

Демо продукта на шаге знакомства: что будет, когда человек нажмёт главную кнопку. useDemoScenes проигрывает сцены по очереди, итоговый кадр держится 1,7 с (1,5–2 с), затем обложка гаснет и показ повторяется без резкого сброса. Повтор разрешён только здесь: в остальном интерфейсе роликов по кругу нет

Когда брать

  • Первый шаг Onboarding: «Записать → капсула → реплики → итоги»
  • Стилизованный и уменьшенный показ системного окна (запрос доступа), никогда не похожий на настоящее

Когда не брать

  • Экран процесса с настоящим статусом (обработка, импорт, загрузка): ProcessScreen, там настоящее содержимое, а не иллюстрация
  • Прогресс и проценты
  • Анимация ради красоты вне первого экрана

Нельзя

  • Показ вместо настоящего статуса
  • Нарисованное системное окно, похожее на настоящее
  • Второй живой элемент рядом