remotion-dev/html-in-canvas

Perfil de remotion-dev

Última atividade de origem registrada: 1 de maio de 2026 às 08:19

Catálogo do SkillsMP atualizado: 17 de outubro de 2026 às 00:09

skills coletadas: 1

Estrelas no GitHub: 197
Forks no GitHub: 14

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir 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).

Carregando o README do repositório…

Skills neste repositório

Desenvolvedores de software

1 categorias ocupacionais · 100% classificado

skill

ocupação

descrição

atualizado

remotion-best-practices

Desenvolvedores de software

Best practices for Remotion - Video creation in React

Idioma do texto original: inglês

2026-05-01

Mostrando 1 de 1 skills coletadas.

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

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