# Canvas Presentation — lib for hooks & utilities (remotion)

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

The html-in-canvas scaffolding the canvas transitions and scene filters share: support detection, a full-screen WebGL2 shader fed either both sides of a cut or the single scene a filter wraps…

- **Install:** `npx shadcn@latest add @remocn/canvas-presentation`
- **Registry:** remocn · **Framework:** remotion · **License:** MIT
- **Docs and preview:** https://remocn.dev/docs/components
- **Source:** https://remocn.dev/r/canvas-presentation.json
- **Runs:** local render, free
- **Aspect:** any

## Used in

- [Music video](https://skills.varg.ai/video/music-video.md)
- [Shader loop](https://skills.varg.ai/video/shader-loop.md)

## More hooks & utilities

- [Caption Core](https://skills.varg.ai/component/remocn.caption-core.md) — `npx shadcn@latest add @remocn/caption-core`
- [Icons Core](https://skills.varg.ai/component/remocn.icons-core.md) — `npx shadcn@latest add @remocn/icons-core`
- [remocn UI Core](https://skills.varg.ai/component/remocn.remocn-ui.md) — `npx shadcn@latest add @remocn/remocn-ui`
- [Scene Motion](https://skills.varg.ai/component/remocn.scene-motion.md) — `npx shadcn@latest add @remocn/scene-motion`
- [Stop Motion Clock](https://skills.varg.ai/component/remocn.stop-motion.md) — `npx shadcn@latest add @remocn/stop-motion`