Use `` to delay when an element appears in the timeline.
```tsx
import { Sequence } from "remotion";
const {fps} = useVideoConfig();
```
This will by default wrap the component in an absolute fill element.
If the items should not be wrapped, use the `layout` prop:
```tsx
```
## Premounting
This loads the component in the timeline before it is actually played.
Always premount any ``!
```tsx
```
## Series
Use `` when elements should play one after another without overlap.
```tsx
import {Series} from 'remotion';
;
```
Same as with ``, the items will be wrapped in an absolute fill element by default when using ``, unless the `layout` prop is set to `none`.
### Series with overlaps
Use negative offset for overlapping sequences:
```tsx
{/* Starts 15 frames before SceneA ends */}
```
## Frame References Inside Sequences
Inside a Sequence, `useCurrentFrame()` returns the local frame (starting from 0):
```tsx
{/* Inside MyComponent, useCurrentFrame() returns 0-29, not 60-89 */}
```
## Nested Sequences
Sequences can be nested for complex timing:
```tsx
```
Source: claude-code-templates (MIT). See About Us for full credits.