📢 Subscriptions will go live on January 10, 2025.

Simplify HTML5 TV
graphics creation.

TV graphic templates builder for CasparCG, SPX, LiveOS and H2R - running in your browser!

Design
Animate
Configure
Export
Loopic for designLoopic for animationHTML template configuration with LoopicExporting HTML templates with Loopic
Speed up your workflows

HTML Graphic Templates, Code-Free!

Focus on design, not on the code editor.

01

Easy Template Creation

Loopic's intuitive, web-based interface allows for rapid creation of dynamic HTML graphic templates.

02

Integrations

Easily integrate Loopic-created graphic templates into your CG system for immediate use.

03

Flexibile Coding Options

Coding-free design with advanced implementation options for experienced developers.

Ease of use

Seamless Integrations

Graphic templates exported from Loopic can be directly used with multiple HTML CG systems - no need to adapt the exported code.

CasparCG Logo

CasparCG

SPX Graphics Logo

SPX Graphics

LiveOS Logo

LiveOS

H2R Graphics

H2R Graphics

Efficiency and compatibility

One creation tool, multiple platforms.

Streamlined template creation process saves time and money for users of all skill levels.

Star

Power and Simplicity

Template creation with effortless efficiency.

Rocket

Asset Files

Easy integration of existing assets.

Chrome

Single-click Exporting

Export graphic templates in seconds, literally.

Workflow

Two ways of
using Loopic

After Effects to HTML

Recreate graphics

from other animation tools

Bring in exported assets from other design and animation tools like After Effects and recreate graphics easily in pure HTML using Loopic. Apply dynamic text, images, masks, write custom scripts - all within one app!

Light bulb idea

Create graphics

from scratch

You can use Loopic to create graphics from scratch - Loopic provides a set of features for designing custom graphic templates. These features are constantly being improved and expanded, to fulfill all needs for creating any kind of graphics templates.

User Guide & Actions API

Explore Detailed Documentation

Access comprehensive documentation, divided into user-friendly basics and advanced Actions API, empowering users at all levels.