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.

Try Free — No Time Limit See Features
12+
Layer Types
60fps
Real-time Preview
HTML5
Native Export
Pro
Broadcast Ready
Used in Live Production

Real Tournaments.
Real Broadcast. On Air.

DJ HTML Creator drives the graphics on live productions week after week — club and international basketball, football tournaments, athletics, boxing, swimming. From those, four are shown here: the ABA League Junior Finals, a Eurocup quarter-final between Hapoel Jerusalem and Türk Telekom Ankara, the Miljan Miljanić Memorial U16 football tournament, and seventeen competition days at the 2026 European Aquatics Championships in Paris, where the graphics played to the venue's poolside LED wall instead of a broadcast feed. Every graphic below was designed by the production team, built in DJ HTML Creator, and played live through a CasparCG server driven by a custom-built control application. This is what shipped — not a marketing demo.

Featured Production 01
ABA League Junior Finals 2026
Three-day international basketball tournament · Aleksandar Nikolić Hall · Belgrade · April 21 – 23, 2026
ABA League Junior Finals broadcast graphic
Live Broadcast

ABA League Junior Finals 2026
Aleksandar Nikolić Hall · Belgrade

Quarter-finals through to the Final — three tournament days, played live through a CasparCG server driven by a custom-built control application.

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.
Featured Production 02
Eurocup Quarter-final 2026
Hapoel Midtown Jerusalem vs Türk Telekom Ankara · Hala Ranko Žeravica · Belgrade · March 18, 2026
Eurocup quarter-final broadcast graphic
Live Broadcast

Hapoel Jerusalem
vs Türk Telekom Ankara

Eurocup quarter-final played live in Belgrade through the same CasparCG server and custom-built control application as the ABA Junior Finals.

Event
Eurocup
Quarter-final
Venue
Hala Ranko Žeravica
Belgrade, Serbia
Date
March 18, 2026
Single match
Delivery
CasparCG Playout
Live TV Broadcast
40+
Templates Built
1
Live Match
100%
HTML / CasparCG
Live
Real-time Updates
Selected Graphics
Five from a 40+ template package
Eurocup playoff bracket
Bracket
Playoff Bracket
Full Eurocup playoff bracket with seedings, matchups, and tip-off times.
Round results
Recap
Results
Round results across all Eurocup quarter-final matchups, refreshed live as games end.
Score bug
In-game
Score Bug
Persistent score and game clock with team identities updated live during play.
Score bug — 3-point team stats
Stats
Score Bug · 3-Point Stats
Score-bug variant overlaying live team three-point shooting numbers.
Score bug — free-throw stats
Stats
Score Bug · Free-Throw Stats
Score-bug variant overlaying live team free-throw percentages and counts.
Featured Production 03
Miljan Miljanić Memorial 2026
U16 international football tournament · Stara Pazova · May 12 – 14, 2026
Miljan Miljanić Memorial football broadcast graphic
Live Broadcast

Serbia vs
Bosnia and Herzegovina

U16 international football played live from Stara Pazova — the same design-to-air pipeline, this time driven by a custom-built football control application talking to CasparCG.

Event
Miljan Miljanić Memorial
U16 Tournament
Venue
Stara Pazova
Serbia
Dates
May 12 – 14, 2026
Three-day tournament
Delivery
CasparCG Playout
Live TV Broadcast
10+
Templates Built
3
Tournament Days
100%
HTML / CasparCG
Live
Real-time Updates
Selected Graphics
The full match-day graphics package
Match ID — pre-match intro
Pre-match
Match ID
Opening card with national flags, competition name, host city, and kick-off date.
Weather conditions
Pre-match
Weather Conditions
Pitch-side conditions panel — temperature, humidity, wind speed, and air pressure.
Referees
Officials
Referees
Match officials shown at the coin toss — centre referee and assistant referees.
Starting lineup
Lineup
Starting Lineup
Full starting eleven with squad numbers, captain and goalkeeper marks, and head coach.
Permanent score bug
In-game
Permanent Score
Persistent corner score bug with team abbreviations and a running match clock.
Half-time scoreboard
Break
Half-time Scoreboard
Full-width score card shown at half-time and other key stoppages in play.
Goalscorer
Event
Goalscorer
Lower third highlighting the scorer with shots on target, attempts, and goals.
Substitution
Event
Substitution
Player off and player on, with red and green directional arrows.
Red card
Event
Red Card
Disciplinary graphic naming the dismissed player, triggered on the booking.
Match statistics
Stats
Match Statistics
Side-by-side team comparison — possession, shots, corners, fouls, and cards.
Featured Production 04
2026 European Aquatics Championships
Continental championship · Paris, France · July 31 – August 16, 2026 · Venue LED video wall
European Aquatics Championships start list on the venue video wall
Live Venue Display

2026 European Aquatics Championships
Paris · Venue Video Wall

Seventeen competition days — start lists and athlete introductions played to the poolside LED wall behind the starting blocks.

Event
European Aquatics
Championships 2026
Venue
Paris
France
Dates
July 31 – Aug 16, 2026
Seventeen days
Delivery
Poolside LED Wall
Live Venue Playout
3968×1536
Video Wall Canvas
17
Days On Air
50 fps
Playout Frame Rate
Per-Lane
Independent Control
Graphic Package
Click any graphic to view full-screen
Start list with per-lane cards and athlete introduction
Start List
Lane Line-up · Athlete Intro
One card per lane with flag and cut-out, each rising independently as the athlete is called, alongside the highlighted name and country.
Video wall seen across the full width of the pool
In Venue
Wall In Context
The graphic as the crowd sees it — spanning the full length of the wall behind the starting blocks.
Individual swimmer introduction graphic
Athlete
Swimmer Introduction
Full-height cut-out with given name, surname and country code, timed to the announcer calling the lane.
Swimmer introduction with neutral athlete flag
Athlete
Introduction · Neutral Flag
Same template driven with a different flag and country code — every field data-bound, nothing baked into the graphic.
Relay team introduction with animated flag
Relay
Team Introduction
Relay card with the nation's waving flag played as an alpha-channel video layer behind the team name.
Artistic swimming team introduction
Artistic
Artistic Swimming · Team Card
Squad photo, animated flag and team name for the artistic swimming programme, shown across the same wall.
The championship project open in DJ HTML Creator
Behind It
The Project In The Editor
The same package open in DJ HTML Creator — one composition per lane on a 3968×1536 canvas, each with its own stop markers.
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.
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

Changelog

Loading…
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
Pricing

Simple, Transparent Pricing

Choose the plan that works for you. Switch anytime.

Free Trial
Full app, no time limit. The only difference: exports include a small watermark in the bottom-right corner.
€ 0 forever
No credit card required
  • Unlimited compositions
  • Unlimited frames & duration
  • All layer types & effects
  • HTML, HTMC & sequence export
  • Watermark on exports
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 trial — no time limit, no credit card. The full app, with no functional restrictions; exports (HTML, Lottie, video, image sequences) include a small "DJ HTML Creator — Trial" watermark in the corner. Activate a license to remove it.

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! Download and use the full app for as long as you want — no time limit, no credit card. Every feature is unlocked. The only difference is that exports (HTML, Lottie, video, and image sequences) include a small "DJ HTML Creator — Trial" watermark in the bottom-right corner. Activate a license (€30/month or €300/year) to remove the watermark and use exports in production.
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.

Try Free — No Time Limit View Pricing