Freebies · Claude Resources
20 open-source tools: animatie en 3D met Claude
Van Remotion tot FFmpeg: 20 gratis tools waarmee Claude Code animeert, 3D bouwt, audio maakt en video exporteert. Met licentie en startcommando per tool.
Claude schrijft code. Met deze twintig open-source projecten wordt die code een animatie, een 3D-scène, een voice-over of een video. Jij geeft Claude Code de opdracht, Claude installeert en gebruikt de tool. We hebben ze ingedeeld in vier groepen: animatie, 3D en simulatie, genereren en audio, en opnemen en exporteren.
Bij elke tool staat de licentie. Bijna alles is vrij te gebruiken, ook commercieel. Let op Remotion: daarvoor heeft een bedrijf met meer dan drie medewerkers een bedrijfslicentie nodig.
Je bent motion designer en ontwikkelaar tegelijk. Maak met [TOOL] een [animatie / 3D-scène / uitlegvideo] over [ONDERWERP]. - Werk in een nieuwe map en installeer zelf wat nodig is. - Begin met een korte opzet: scènes, duur en stijl. Wacht op mijn akkoord. - Laat na elke stap een preview zien die ik in de browser kan openen. - Houd kleuren, lettertype en tempo consistent. - Exporteer het eindresultaat met FFmpeg als MP4 (H.264, 1080p) en als GIF van maximaal 10 MB. - Vertel me aan het eind welke bestanden je hebt gemaakt en hoe ik iets aanpas.
Animatie
- 1
Remotion: video als React-code
Elk frame is een React-component. Claude schrijft een video zoals een webpagina: tekst, grafieken, logo's en timing. Je rendert naar MP4.
Illustratie. Een staafgrafiek van 2021 tot 2026 bouwt zich met veeranimaties op, terwijl de teller bovenaan oploopt tot +142%. - Licentie: Remotion License. Gratis voor particulieren, non-profits en bedrijven tot 3 medewerkers; daarboven een bedrijfslicentie.
npx create-video@latest
- 2
Remotion Skills: video-vaardigheden voor je agent
De officiële agent skills van Remotion voor Claude Code, Codex en Cursor: best practices voor composities, animaties, timing en renderen. Daarmee maakt Claude minder fouten in Remotion-code. Daarna typ je bijvoorbeeld /remotion-create met je idee.
Illustratie. In een terminal wordt /remotion-create getypt; daarna volgen skill laden, code schrijven, renderen en een eerste videoframe. - Licentie: hoort bij Remotion (zie hierboven).
npx skills add remotion-dev/skills
- 3
Anime.js: animaties op een tijdlijn
Lichte JavaScript-bibliotheek om elementen, SVG en eigenschappen in een strakke volgorde te laten bewegen. Handig voor logo-animaties en uitleg op een webpagina.
Echte render. Zeven blokjes vallen met stagger en terugvering binnen, golven door de rij en rekken uit tot staven, op één tijdlijn. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install animejs
- 4
Motion: animatie in je interface
Animatiebibliotheek voor React en JavaScript, voorheen Framer Motion: overgangen, gebaren, scroll-animaties en lay-outtransities.
Echte render. Een schakelaar gaat aan, het kaartje schiet met een veeranimatie naar boven en de rest schuift mee. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install motion
- 5
Manim: uitlegvideo's met diagrammen en formules
De Python-bibliotheek achter de wiskundevideo's van 3Blue1Brown, onderhouden door de community. Claude schrijft een scène in Python, Manim maakt er een video van.
Echte render. Assen verschijnen en een stip tekent de grafiek van een functie, terwijl het oppervlak eronder zich vult. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
pip install manim
- 6
Lottie: lichte vectoranimaties
Speelt vectoranimaties uit After Effects af als klein JSON-bestand op het web. Scherp op elk formaat en licht genoeg voor een website of app.
Echte render. Een ring tekent zichzelf, een vinkje verschijnt en er spatten puntjes uit; de hele animatie is een JSON-bestand van 8 KB. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install lottie-web
3D en simulatie
- 1
MCP for Blender: Claude bouwt 3D-scènes
Koppelt Claude via MCP aan Blender. Claude maakt en bewerkt objecten, materialen, licht en camera in een open Blender-scène. Je installeert ook de Blender-add-on; de README legt uit hoe.
Illustratie. Een chatopdracht voor een productopname wordt stap voor stap een 3D-scène: tafel, witte doos, zacht licht en een camera die eromheen draait. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
claude mcp add blender uvx mcp-for-blender
- 2
Three.js: 3D in de browser
Veelgebruikte bibliotheek voor 3D op het web: scènes, camera's, licht en materialen in JavaScript. De basis voor de tools hieronder.
Echte render. Een low-poly planeet met wolken, een maan en een ring van blokjes, live gerenderd in de browser. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install three
- 3
Three GPU Pathtracer: echt licht
Path tracing op de GPU voor Three.js: realistische belichting, schaduwen en reflecties, gewoon in de browser.
Echte render. De path tracer telt samples op: het beeld gaat van korrelige ruis naar zachte schaduwen en echte reflecties in glanzende bollen. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install three-gpu-pathtracer
- 4
Jolt Physics: botsingen en zwaartekracht
Physics-engine in C++ voor botsingen, rigide en zachte lichamen, gebruikt in games als Horizon Forbidden West. Voor het web is er een WebAssembly-versie: JoltPhysics.js.
Echte render. Een zware bal knalt in een muur van blokken; Jolt berekent hoe ze vallen, botsen en tot rust komen (met JoltPhysics.js). - Licentie: MIT. Vrij te gebruiken, ook commercieel.
- 5
postprocessing: bloom, scherptediepte en kleur
Nabewerkingseffecten voor Three.js. Zo krijgt een 3D-scène de gloed, onscherpte en kleurcorrectie van een film.
Echte render. Dezelfde neonscène links zonder en rechts met bloom; een schuivende scheidslijn laat het verschil zien. - Licentie: Zlib. Vrij te gebruiken, ook commercieel.
npm install three postprocessing
- 6
three.quarks: deeltjes en effecten
Deeltjessystemen voor Three.js: vuur, rook, vonken en sporen, voor visuele effecten in een scène.
Echte render. Een fontein van vonken die opspatten, door de zwaartekracht vallen en op de vloer stuiteren. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install three.quarks
- 7
Tweakpane: knoppen voor je scène
Klein bedieningspaneel met schuiven, kleurkiezers en knoppen. Zo stel je snelheid, kleur of camera live bij zonder de code aan te passen.
Echte render. Een schuif in het Tweakpane-paneel draait en kleurt het 3D-object live mee. - Licentie: MIT. Vrij te gebruiken, ook commercieel.
npm install tweakpane
Genereren en audio
- 1
ComfyUI: beeld en video genereren met blokjes
Interface voor beeld- en videogeneratie met open modellen. Je bouwt een workflow als schema van blokjes, en kunt die steeds opnieuw draaien.
Illustratie. Een node-graaf stuurt een foto en een prompt door een model en levert vier varianten op vier achtergronden. - Licentie: GPL-3.0. Vrij te gebruiken; verspreid je een aangepaste versie, dan valt die ook onder GPL.
- Check ook de licentie van elk model dat je erin laadt.
pip install comfy-cli comfy install
- 2
CosyVoice: meertalige voice-overs
Tekst-naar-spraakmodel voor voice-overs in meerdere talen, ook met een stem op basis van een kort voorbeeld. Installeren gaat via de stappen in de README.
Illustratie. Een Engelse zin licht woord voor woord op terwijl eronder de gesproken geluidsgolf ontstaat. - Licentie: Apache 2.0. Vrij te gebruiken, ook commercieel.
- Gebruik alleen een stem van iemand die daar toestemming voor gaf.
- 3
librosa: animatie op de beat
Python-bibliotheek voor audioanalyse. Claude haalt er tempo en beats uit, zodat je animatie precies op de muziek loopt.
Echte render. librosa vindt in een fragment van 6 seconden het tempo (120 BPM) en de beats; bij elke beat pulseert een cirkel. - Licentie: ISC. Vrij te gebruiken, ook commercieel.
pip install librosa
- 4
WhisperX: ondertitels per woord
Spraakherkenning met tijdstempels per woord en sprekerherkenning: de basis voor ondertitels die precies meelopen, zoals in korte video's op sociale media.
Illustratie. Ondertitels waarin elk woord oplicht op zijn eigen tijdstip, met eronder een tijdlijn per woord. - Licentie: BSD 2-Clause. Vrij te gebruiken, ook commercieel.
pip install whisperx
Opnemen en exporteren
- 1
OBS Studio: schermopname
Opname- en streamingsoftware voor je scherm, camera en audio. Handig om een demo of de preview van je animatie op te nemen.
Illustratie. Een schermopname: bureaublad met app, rechtsonder een rond webcamvenster en een lopende opnametijd. - Licentie: GPL-2.0. Vrij te gebruiken.
- 2
LosslessCut: knippen zonder hercoderen
Knipt en plakt video en audio zonder opnieuw te coderen. Snel, en zonder kwaliteitsverlies.
Illustratie. Twee stukken van een videostrook worden weggeknipt en de rest sluit aan, zonder hercoderen. - Licentie: GPL-2.0. Vrij te gebruiken.
- 3
FFmpeg: coderen en exporteren
De motor onder veel videosoftware: omzetten, comprimeren, samenvoegen en exporteren naar MP4, GIF of WebM vanaf de opdrachtregel. Claude schrijft de commando's voor je; dit zet een opname om naar een MP4 die overal afspeelt.
Echte render. FFmpeg zet een testbeeld om naar MP4 en GIF; de bestandsgroottes en het resultaat rechts komen uit die echte run. - Licentie: LGPL 2.1 of later; enkele optionele onderdelen vallen onder GPL. Vrij te gebruiken.
ffmpeg -i opname.mov -c:v libx264 -crf 20 -pix_fmt yuv420p video.mp4
Zo begin je
- Kies één doel: een korte productvideo, een geanimeerde grafiek, een 3D-scène of een uitlegvideo.
- Kies er één tool bij: Remotion of Anime.js voor video en animatie, Three.js voor 3D, Manim voor uitleg.
- Geef Claude Code de startprompt bovenaan deze pagina, met de tool en je onderwerp ingevuld.
- Voeg pas daarna geluid, ondertitels of effecten toe, en exporteer met FFmpeg.
De selectie komt uit een overzicht van @e1genqq op X. Uitleg, licenties en commando's hebben we zelf nagelopen in de repo's (31 oktober 2026). Licenties kunnen veranderen: check de repo voordat je iets commercieel inzet.