> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # On-Screen Display Effect > Grid, scanline, vignette, and sheen overlay plus a 3D-warp wrapper class that makes footage read as if playing on a physical display # On-Screen Display Effect Grid, scanline, vignette, and sheen overlay plus a 3D-warp wrapper class that makes footage read as if playing on a physical display **On-Screen Display Effect** ```html yt-screen-warp.html

on screen

``` Copy npx hyperframes add yt-screen-warp to the clipboard That writes one file: `compositions/components/yt-screen-warp.html`. ## Paste it into your composition Open `compositions/components/yt-screen-warp.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. {/* hf:generated-footer */} Tagged `effect` `overlay` `texture`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md)