# Skeleton: Loading Skeleton UI

A shimmering loading placeholder with a circle avatar and two lines, ready to crossfade into real content. Use this video template in Subclip or copy its code for Claude.

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

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

A skeleton loading card with a shimmer that sweeps across a round avatar and two text lines.

- Framework: Remotion
- Category: UI
- Duration: 7 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/skeleton

A light gray placeholder card shows a round avatar and two text lines while a shimmer sweeps across them, the way an app looks while it loads. The template plays this loading state for four seconds. In the code, the placeholder crossfades into the real content once it has loaded.

You can choose the layout (a card with an avatar or three stacked lines) and the state (loading or loaded), plus playback speed and background. Use it in an app demo before content appears, a performance or speed explainer, a design system showcase or a "coming soon" moment.

## Use it for

- App loading moments
- Performance explainers
- Design system showcases
- Coming-soon teasers

## What you can change

- `speed`: Playback speed (Number)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Skeleton and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Skeleton from remocn: https://remocn.dev