An HTML-native design skill for AI coding agents that turns a text prompt into prototypes, slide decks, animations and infographics.
tixl3d/tixl
TiXL is an open source realtime motion graphics tool that combines node-based procedural graphics with keyframe animation.
Open-source alternative to:TouchDesigner
Adobe After Effects
- Stars
- 5,151
- Forks
- 278
- Open issues
- 164
- Last commit
- 13 hours ago
What is it?
TiXL (also known as Tooll3) is a free, open source application for creating realtime motion graphics. It targets the middle ground between real-time rendering, graph-based procedural content generation, and linear keyframe animation and editing.
Artists can build audio-reactive VJ visuals, explore parameters through advanced interfaces, and combine keyframe animation with automation. Technical artists can write fragment or compute shaders and bring in input from MIDI controllers, sensors, OSC, or Spout sources. The project also covers color correction, scopes, and tone mapping, and can export small standalone executables.
TiXL is currently in version 4 development, and the project is built with C# on DirectX 11 with an ImGui-based interface. Installation instructions, documentation, and tutorial videos are provided on the project wiki and YouTube, with community discussion on Discord.
Key features
- 01Combines node-based procedural graphics with linear keyframe animation
- 02Supports audio-reactive visuals for VJ and live performance
- 03Allows custom fragment and compute shaders
- 04Accepts input from MIDI controllers, sensors, OSC, and Spout
- 05Includes color correction, scopes, and tone mapping
- 06Can export small standalone executables
Use cases
- Creating audio-reactive VJ content for live events
- Building procedural motion graphics with keyframe timing
- Prototyping custom shaders with real-time feedback
- Driving visuals from MIDI controllers or sensor input
Quick start
- 1
Download the Windows installer from the releases page
- 2
Follow the installation guide in the wiki
- 3
Read the documentation or watch tutorial videos to get started
Things to know
- The README's download link points to a Windows .exe, so other platforms need the installation guide.
- Version 4 is described as ongoing development, so expect changes.
Topics
FAQ
- What is tixl?
- TiXL is an open source realtime motion graphics tool that combines node-based procedural graphics with keyframe animation. TiXL (also known as Tooll3) is a free, open source application for creating realtime motion graphics. It targets the middle ground between real-time rendering, graph-based procedural content generation, and linear keyframe animation and editing.
- Is tixl free to use? What license does it have?
- tixl is open source under the MIT license. Check the license terms before using it in commercial products.
- Is tixl still maintained?
- Actively maintained. The last commit to tixl was on Oct 20, 2026.
- What can I use tixl for?
- Creating audio-reactive VJ content for live events Building procedural motion graphics with keyframe timing Prototyping custom shaders with real-time feedback Driving visuals from MIDI controllers or sensor input
- How do I install tixl?
- Download the Windows installer from the releases page Follow the installation guide in the wiki Read the documentation or watch tutorial videos to get started
- Where can I get tixl?
- The source code and installation instructions are on GitHub: https://github.com/tixl3d/tixl
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full React source.
WebGPU shader effects packaged as drop-in components for React, Vue, Svelte, Solid and plain JavaScript.
An agent skill that turns art-style recipes and explainer-video grammars into code-driven animation, so paintings and diagrams actually move.
A Claude Code skill that directs short films with 51 styles, each built entirely from code with no video generation model.
A starter kit for animating a hand-painted cartoon character with Claude using p5.js and p5.brush, with a guide for the model.