DJ HTML Creator — Visual Editor for CasparCG HTML Templates

Hey everyone,

I’ve been working on a desktop application called DJ HTML Creator that lets you visually design and animate HTML templates for CasparCG (also works with vMix and OBS).

Instead of hand-coding HTML/CSS/JS, you get a familiar motion graphics workflow — think After Effects-style timeline with keyframe animation, but everything exports as a single self-contained HTML file ready for CasparCG.

Key features:

  • Visual timeline editor with keyframe animation (position, scale, rotation, opacity) and easing curves (ease in/out, bezier)

  • Text layers with full styling (fonts, colors, outlines, shadows, gradients, letter spacing, background), including Fit Width — automatically scales long text to fit a defined area, perfect for dynamic name supers

  • Dynamic text & images via CasparCG update() — just name your layers and update them live from your playout system

  • Crawl / ticker text with adjustable speed and direction

  • Shape layers (rectangles, circles, pen tool paths with bezier curves)

  • Mask system with feathering, animation, and invert — great for reveal animations and shaped cutouts

  • Effects — blur, drop shadow, sepia, brightness, contrast, hue rotate, grayscale, and more

  • Nested compositions — build reusable components and nest them inside other compositions

  • PSD import — import Photoshop files as separate layers or merged

  • Video layers — MP4 and MOV (ProRes 4444 with alpha channel)

  • Image sequences, atlas/sprite sheets support

  • Single HTML file export — everything embedded, just drop it into CasparCG and go

  • Text animation presets — pre-built character-by-character animations you can apply with one click

  • Intro/outro support — set a STOP marker to define where the template holds, then trigger outro on stop()

Export is optimized for CasparCG’s CEF renderer — frame-accurate playback with full play() / stop() / update() control.

I’ve already used this application to create broadcast graphics for international sports productions, so most of the features have been tested and refined in real-world, on-air environments. That said, the application is still actively in development — there are certainly things that need to be polished and improved, and new features are being added regularly.

I’d love to hear your suggestions on what functionality would be most useful for your broadcast workflows. Your feedback will directly help shape the direction of development!

Download: https://djhtmlcreator.com
Free 7-day trial included so you can test everything before purchasing.

The app runs on Windows and the exported templates work in CasparCG Server 2.x, vMix, and OBS Browser Source.

Looking forward to your feedback!

2 Likes

Looks interesting. - I just did a quick test.

I would not mention Loopic everywhere in the export UI and the generated code, because they might not like that.

Have you ever considered supporting OGraf?

Thanks for the note regarding Loopic mentions.

As for OGraf support — why not! I’m adding it to my to-do list.

Version 1.1 is now available for download, adding support for oGraf and SPX. It’s only been lightly tested, so feel free to give it a try. Looking forward to your feedback!

I did not try the software yet, but only read the manual.

When you have dynamic text fields is it possible to changes certain background elements

to match the length of the text?

You can turn on background for text and then you have something like background element to match text. I had similar problem for soccer formation and solved in that way.

Version 1.2 is now available for download. Among other new features, we’ve added a ‘Size Binding’ (SB) option. You can place a shape (like a rectangle), enable the SB option, select the parent text layer, and adjust the padding for all four sides around the text. The shape will now dynamically resize based on the text’s size and length. I’ve tested this in CasparCG and it works exactly as it should, seamlessly adapting to the text length.