# Skeleton: Интерфейс скелетона загрузки

Мерцающая заглушка загрузки с круглым аватаром и двумя строками, готовая плавно смениться реальным контентом. Видеошаблон: код для Claude или монтаж в Subclip.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/skeleton

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-skeleton.mp4?v=e7720302a3

Карточка-скелетон загрузки с бликом, который пробегает по круглому аватару и двум строкам текста.

- Фреймворк: Remotion
- Категория: Интерфейс
- Длительность: 7 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/skeleton

Светло-серая карточка-заглушка показывает круглый аватар и две строки текста, по которым пробегает блик, как в приложении во время загрузки. Шаблон четыре секунды проигрывает это состояние загрузки. В коде заглушка плавно сменяется реальным контентом, когда он загрузится.

Вы можете выбрать макет (карточка с аватаром или три строки друг под другом) и состояние (загрузка или загружено), а также скорость воспроизведения и фон. Используйте шаблон в демо приложения до появления контента, ролике о производительности или скорости, презентации дизайн-системы или моменте "скоро".

## Для чего подходит

- Моменты загрузки приложений
- Ролики о производительности
- Презентации дизайн-систем
- Тизеры "скоро"

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `stageBackground`: Фон вокруг сцены (Цвет)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Skeleton и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Skeleton из remocn: https://remocn.dev