Version 1.0 — Now Available

Motion Graphics
Made Simple.

Professional broadcast graphics, lower thirds, tickers, and animated overlays — designed in a familiar timeline editor, exported as HTML for CasparCG, OBS, vMix, OGraf, and SPX, or as Lottie animations for web and mobile.

Start 7-Day Free Trial See Features
12+
Layer Types
60fps
Real-time Preview
HTML5
Native Export
Pro
Broadcast Ready
DJ HTML Creator — Motion Graphics for Broadcast & Streaming
Features

Everything You Need
For Broadcast Graphics

A professional motion graphics editor built for broadcast — design, animate, and export stunning overlays with a familiar timeline-based workflow.

Keyframe Animation
Precise keyframe control for position, scale, rotation, opacity, and more. Multiple easing types including cubic bezier curves for smooth, professional motion.
Advanced Layer System
Text, shapes, solids, images, PNG/TGA/JPEG sequences, crawl tickers, image loaders, atlas sprites, and nested compositions. Full transform controls with anchor point support.
Masks & Feathering
Adjustable masks with independent transforms, animated feathering for soft edges, and mask expansion for creative effects.
Rich Text Engine
Full typography controls with font families, weights, stroke, shadow, gradient fills, and animatable font size. Perfect for lower thirds and titles.
Gradient System
Linear and radial gradients on any layer type — shapes, solids, and text. Full color picker integration with angle and spread controls.
Freehand Drawing
Draw directly on compositions with configurable stroke width and colors. Strokes are layer-bound and follow transforms for seamless integration.
Crawl & Ticker
Create horizontally scrolling news tickers with adjustable speed, direction, and start position. Crawl layers loop automatically for continuous broadcast.
Nested Compositions
Embed compositions inside other compositions as layers. Build complex, reusable motion graphics elements like animated logos and recurring lower thirds.
Image Loader
Placeholder layers for dynamic image replacement during live broadcast. Swap photos and logos in real-time via the JavaScript API with fit/fill modes.
Preset Text Animations
One-click professionally designed text animations for text and crawl layers. Apply a preset, then customize keyframes and easing to fit your design.
Atlas / Sprite Sheet Import
Import sprite sheets with configurable grid layout. Specify columns, rows, frame count and frame rate to create animated layers from atlas images.
Layer Transitions
Built-in intro and outro transitions including Fade, Slide, Zoom, Wipe, Iris, Barn Door, and more. Each with configurable duration, direction, and easing curves.
Projects

Free Templates & Tutorials

Download ready-made project files and follow along with video tutorials to get started fast.

Basic Lower Third tutorial
Basic Lower Third
Learn how to create an animated lower third from scratch — design, keyframe, and export for CasparCG or OBS in minutes.
Download Project .htmc
Match ID Card
Match ID Card
Pre-match graphic with team logos, competition name, venue, and date — ready for broadcast overlay.
Download Project .htmc
On Air

Case Study —
ABA League Junior Finals 2026

A selection of broadcast graphic templates built in DJ HTML Creator from the production team's design package, delivered live on air across three tournament days through a custom-built control application driving a CasparCG server.

ABA League Junior Finals broadcast graphic
Live Broadcast

Quarter-finals to Final,
Aleksandar Nikolić Hall · Belgrade

Every graphic you see was designed by the production team, templated in DJ HTML Creator, and played to air through a custom-built control application driving a CasparCG server.

Event
ABA League Junior
Final Tournament
Venue
Aleksandar Nikolić Hall
Belgrade, Serbia
Dates
April 21 – 23, 2026
Three-day tournament
Delivery
CasparCG Playout
Live TV Broadcast
10+
Featured Templates
3
Days On Air
100%
HTML / CasparCG
Live
Real-time Updates
Graphic Package
Click any graphic to view full-screen
Match ID card — pre-match intro
Pre-match
Match ID
Opening card with competition, venue, date, and team badges introducing each matchup.
Tournament bracket
Bracket
Tournament Bracket
Full bracket from quarter-finals through to the final, with pairings, tip-off times, and seedings.
Referees
Officials
Referees
Officiating crew introduction with headshots and names shown before tip-off.
Team roster
Lineup
Roster
Full twelve-player squad with jersey numbers and surnames, paged for readability.
Starting five
Tip-off
Starting Five
Five players taking the floor, shown side by side moments before tip-off.
Score bug
In-game
Score Bug
Persistent bottom-of-screen score with period indicator and live game clock.
Quarter break scoreboard
Break
Quarter Break Scoreboard
Full-width card recapping the score between periods with team badges prominently shown.
Timeout indicator
Event
Timeout
Timeout notification with team in possession and countdown during the play stoppage.
Team statistics
Stats
Team Statistics
Side-by-side team comparison across free throws, field goals, rebounds, assists, and fouls.
Game leaders
Stats
Game Leaders
Top performers of the game in points, rebounds, and assists with player photos.
Pipeline
From design package to live on-air playout
01
Design Package
Finished broadcast graphic designs provided by the production team.
02
Templates Built
Each design turned into an animated HTML template in DJ HTML Creator, with data-bound fields for every dynamic element.
03
Custom Control App
A purpose-built playout application drives the templates and pushes live updates to the CasparCG server.
04
On-Air
Graphics play out live during the tournament broadcast, updated in real time by the operator.
Workflow

Design to Air
In Minutes

From concept to live broadcast in four simple steps.

1
Design
Create compositions with layers, text, shapes, and images using the visual editor.
2
Animate
Add keyframes on the timeline with professional easing curves for smooth motion.
3
Export
Export as self-contained HTML with embedded assets and JavaScript API for control.
4
Go Live
Load in CasparCG, OBS, vMix, SPX, or any OGraf-compatible system. Control playback and update text dynamically via API.
CasparCG
CasparCG
OBS Studio
OBS Studio
vMix
vMix
OGraf
OGraf
SPX
SPX Graphics
Lottie
Lottie
Export

Multiple Output Formats

Export your graphics in the format that fits your production pipeline.

HTML
HTML + JavaScript
Self-contained HTML files with embedded CSS animations and JavaScript API for real-time control from CasparCG, OBS, and vMix.
HTMC
Project Files
Native .htmc project format with full layer data, keyframes, assets, and composition hierarchy for later editing.
SEQ
PNG, TGA & JPEG Sequences
Import and export as PNG, TGA, or JPEG image sequences with alpha channel support for compositing in external video editors and broadcast workflows.
MOV
MOV ProRes 4444
Export video with full alpha channel transparency using ProRes 4444 codec, ideal for playout systems and video editing pipelines.
OGraf
OGraf Template
Export as EBU OGraf web component with manifest — the new open industry standard for HTML graphics in broadcast production.
SPX
SPX Graphics
Export HTML templates with SPX Template Definition for use with SPX Graphics Controller — the open-source playout solution.
Lottie
Lottie Animation
Export as lightweight Lottie JSON for web, iOS, Android, and desktop apps. Vector animations with keyframes, easing, masks, effects, and gradients.
WebM
WebM VP9
Export video with alpha channel transparency using VP9 codec in WebM container — ideal for web playback with transparency support.
Learn

Documentation

Everything you need to get started — from interface basics to advanced broadcast workflows.

User Guide (PDF)
Comprehensive guide covering the interface, layers, animations, effects, masks, gradients, exporting, keyboard shortcuts, and best practices. Included with every installation.
Download PDF Guide
13 chapters · Keyboard shortcuts reference · Also installed in the docs folder
Testimonials

Trusted by Broadcast
Professionals

★★★★★
"Replaced our entire motion graphics workflow for live production. The HTML export just works perfectly with CasparCG — no more rendering delays."
MK
Marko K.
Broadcast Engineer, TV Studio
★★★★★
"The keyframe system is incredibly intuitive and the output is native HTML. Perfect for our esports production pipeline with OBS."
SL
Sarah L.
Graphics Producer, Esports
★★★★★
"Finally a tool that bridges the gap between design and playout. The JavaScript API makes dynamic text updates seamless during live shows."
JP
Jovan P.
Technical Director, Live Events
Pricing

Simple, Transparent Pricing

Choose the plan that works for you. Switch anytime.

Free Trial
Try DJ HTML Creator free for 7 days. No credit card required.
€ 0 /7 days
No payment needed
  • Up to 2 compositions
  • 30-frame limit
  • Crawl text up to 30 characters
  • All layer types & effects
  • HTML, HTMC & sequence export
Download Free Trial
Monthly
Full access with maximum flexibility. Cancel anytime, no commitments.
€ 30 /month
Billed monthly
  • All layer types & effects
  • Unlimited compositions
  • HTML, HTMC, MOV & sequence export
  • OGraf & SPX Graphics export
  • CasparCG, OBS & vMix support
  • All future updates
  • Email support
Buy Monthly
Most Popular
Annual
Best value — save €60 per year. Full access to everything.
€ 25 /month
€300 billed annually
  • Everything in Monthly plan
  • Save €60/year (17% off)
  • Priority email support
  • Early access to new features
  • Commercial license included
Get Annual Plan
DJ HTML Creator

Download DJ HTML Creator

Start creating professional broadcast graphics today. Free 7-day trial — no credit card required. Trial includes up to 2 compositions, 30 frames max, and crawl text limited to 30 characters.

Download for Windows
Loading...
Loading...
Windows 10/11
FAQ

Frequently Asked Questions

What is DJ HTML Creator?
DJ HTML Creator is a professional motion graphics application for Windows. Design animated broadcast graphics — lower thirds, tickers, overlays, and more — using a familiar timeline-based editor. It exports self-contained HTML templates that work with CasparCG, OBS Studio, vMix, SPX Graphics Controller, and any HTML5-capable playout system. It also supports the EBU OGraf standard for broadcast graphics and Lottie JSON export for web, iOS, Android, and desktop animation playback.
Do I need coding knowledge?
No! DJ HTML Creator has a completely visual interface. You design your graphics by adding layers, setting keyframes, and adjusting properties — all without writing a single line of code. The application generates the HTML, CSS, and JavaScript automatically.
Which playout systems are supported?
DJ HTML Creator exports standard HTML5 templates that work with CasparCG (via its HTML producer), OBS Studio (via Browser Source), vMix (via Web Browser input), SPX Graphics Controller, and any system that supports HTML overlays. It also exports in the EBU OGraf format. The exported templates include a JavaScript API for controlling playback and updating dynamic text from your playout system.
Can I try before I buy?
Yes! We offer a free 7-day trial — no credit card required. The trial includes up to 2 compositions, a 30-frame limit, and crawl text limited to 30 characters. After the trial, choose between our monthly (€30/month) or annual (€300/year) plan for unlimited access.
What's included in future updates?
We're continuously improving DJ HTML Creator with new features and enhancements. Planned updates include additional effects, expanded text animation presets, 3D layer rotation, and deeper integration with broadcast automation systems. All subscribers receive free updates as they're released.

Ready to Create
Stunning Broadcast Graphics?

Join broadcast professionals who trust DJ HTML Creator for live production graphics.

Start 7-Day Free Trial View Pricing