remotion-dev/html-in-canvas

Perfil de remotion-dev

Última actividad de origen registrada: 1 de mayo de 2026 a las 08:19

Catálogo de SkillsMP actualizado: 17 de octubre de 2026 a las 00:09

skills recopiladas: 1

Estrellas en GitHub: 197
Forks en GitHub: 14

README del repositorio

Archivo de origen del README: README.md

Leer el README original

Mostrar README completo

# Remotion HTML-in-canvas examples Shows the capabilities of [HTML-in-canvas](https://www.remotion.dev/docs/html-in-canvas) and Remotion using the [`<HtmlInCanvas>`](https://www.remotion.dev/docs/remotion/html-in-canvas) component. ## Magnifying Glass https://github.com/user-attachments/assets/23142326-fa95-4783-a8c6-bffffead87cd Source: [`src/MagnifyingGlass/`](src/MagnifyingGlass) ## Crt https://github.com/user-attachments/assets/a59b7549-4b89-46c3-821a-9a134c2689d2 Source: [`src/Crt/`](src/Crt) Starter Prompt: > use remotion best practices, especially HTML in canvas. > create a CLI animation which first does "npm create video", then "claude" and asks to create a CRT effect using html-in-canvas. > then, use html-in-canvas to make it look like an old computer. add a scanline filter and screen > curvature to the composition. ## Vintage https://github.com/user-attachments/assets/02d48660-6c77-4f1a-9941-ca318a226f94 Source: [`src/Vintage/`](src/Vintage) ## GlowingBarChart https://github.com/user-attachments/assets/4797f7aa-c5ce-4c93-9e1f-3e22bdcfa038 Source: [`src/CenteredWhitePaper/`](src/CenteredWhitePaper) ## StorePeel https://github.com/user-attachments/assets/bd5d6110-12bf-48d7-9317-9f3f4728b206 Source: [`src/CubeTransitionCard/`](src/CubeTransitionCard) ## ArticleHighlight https://github.com/user-attachments/assets/8294d4c6-e4cd-48ef-a402-220bb72ce2fe Source: [`src/ArticleHighlight/`](src/ArticleHighlight) Additional experiments live in [`src/Bonus/`](src/Bonus). ## Commands **Install Dependencies** ```console npm i ``` **Start Preview** ```console npm run dev ``` **Render video** ```console npx remotion render ``` **Upgrade Remotion** ```console npx remotion upgrade ``` ## Docs Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals). ## Help We provide help on our [Discord server](https://discord.gg/6VzzNDwUwV). ## Issues Found an issue with Remotion? [File an issue here](https://github.com/remotion-dev/remotion/issues/new). ## License Note that for some entities a company license is needed. [Read the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md).

Cargando el README del repositorio…

Skills en este repositorio

Desarrolladores de software

1 categorías ocupacionales · 100% clasificado

skill

ocupación

descripción

actualizado

remotion-best-practices

Desarrolladores de software

Best practices for Remotion - Video creation in React

Idioma del texto original: inglés

2026-05-01

Mostrando 1 de 1 skills recopiladas.

Instalar con un asistente de IA

Copia este prompt en el asistente de IA que estés usando.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/remotion-dev/html-in-canvas.