Skip to main content
Glama
component.md1.72 kB
# EndScreen YouTube end screen with CTAs and video suggestions ## Overview The `EndScreen` component is a overlay component in the chuk-motion library. ## Variants ### `standard` Simple layout with video thumbnail and subscribe ### `split` Split screen with multiple CTAs ### `carousel` Sliding carousel of videos ### `minimal` Clean single CTA ## Properties ### `cta_text` - Type: `string` - **Required** - Call-to-action text ### `thumbnail_url` - Type: `string` - *Optional* (default: `None`) - Video thumbnail URL ### `variant` - Type: `enum` - *Optional* (default: `standard`) - Layout variant - Values: `standard`, `split`, `carousel`, `minimal` ### `duration_seconds` - Type: `float` - *Optional* (default: `10.0`) - Duration (seconds) ## Example Usage ### Python (MCP Tool) ```python remotion_add_endscreen( cta_text="Watch Next", thumbnail_url="https://example.com/thumb.jpg", variant="split", duration_seconds=10.0, ) ``` ### TSX (Generated) The component generates TypeScript/React code that integrates with Remotion. ## Design Tokens This component uses the chuk-motion design token system for consistent styling: - **Colors**: Theme-aware color palettes - **Typography**: Video-optimized font scales - **Motion**: Spring physics and easing curves - **Spacing**: Consistent spacing and safe margins ## Tips & Best Practices - Keep text concise and readable - Test animations at target frame rate - Consider platform safe margins for social media - Match animation style to overall video aesthetic ## Related Components Browse other overlay components in the [component library](../../../README.md). --- *Generated documentation for chuk-motion component library*

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/chrishayuk/chuk-mcp-remotion'

If you have feedback or need assistance with the MCP directory API, please join our Discord server