Free Animated Lower Thirds with Dockable Control Panel v.1.6

It works marvelously, but every time I open the control panel dock, my CPU usage goes crazy high

ou my god! it is very good! 非常好

I've been looking for something just like this for so long! I absolutely love it and thank you for the hard work and effort that took to make it.

Great work

What a underrated tool and work! It is a real great helper.
I have installed it at OBS 31.0.3 at my Mac Studio M2 and it runs perfect. You must only change the path to file:/// and uncheck "local file" as in other posts described. Boom. I only miss a short description "How to create own CSS styles". Yes, it has something to do with the style-source.css - but it is much difficult than expected :-)

The connection between an OBS dock and an interactive browser source, the option to manipulate content via dock directly, is fascinated and should be more in focus. Great tool and - again - it works still in 2025. And at a Mac too.

Great plugin, I love it!

Hi I just installed it on a MAC! It's working with OBS v27 RC2 on High Sierra. When I saw that amongst updates is custom browser docks i was hopping its gonna work and it did. At first i was getting an error but after repeating all instalation steps and restarting OBS dock with a control panel appeared and its working as it should. :-)

Brilliant plug-in!

I have seen several reviews and it seems like a great tool.
Do you think it would work in an M4 Sequoia with OBS 31.1.2?
(Sorry, I wrote a similar request but accidentally posted it in response to another topic.)

For anyone having issues with the plugin after the 27.2 update:
Change the browser source from Local file to url
open the browser-source.html file in your default browser
Copy the URL, and paste it as the URL for the browser source in OBS.
There was a change in OBS with how URL names are formated. It should have the word "file:///" in front of the directory.

Unfortunately, I am not able to run it in OBS studio, please help

Great efforts with simple integration of HTML and CSS. Hats off to the developer and beautiful minds behind this wonderful project.

How to make work on a Mac in Apple MacOS: Make sure you uncheck "Local file" in the Properties section for your lower third, AND make sure your URL starts with file:/// and should look like this example, "file:///Applications/OBS%20Studio/Animated-Lower-Thirds/lower%20thirds/browser-source.html" making corrections for your specific file path. Works great. Such a gift from the developer. Thank you!

I`m still using it, and even with no update after such long time, is working flawless!

Do NOT use these methods in these videos above! It will fail.

Maybe that worked for older version, but not with version OBS 30.
Go to the YouTube video entitled, “How To Create Obs Lower Thirds For Your Video Content In 2023”. USE that method for install and setup!

You will discover the correct “Properties for Lower Third” (Browser) is something like this: file:///C:/Program%20Files/obs-studio/Animated-Lower-Thirds_1.6/Animated-Lower-Thirds/lower%20thirds/browser-source.html

Now the Circle around the lower third box will turn BLUE! NOTE that you had this type of string: "file:///etc..... Otherwise it will not work!

It will now work!

If you're getting the broken control panel with the red box use the guide, it really works https://www.youtube.com/watch?v=K1hgpefi03M

Fantastic plugin, very flexible, usefull and smooth!

Very great tool and I hope you will improve for Unicode characters in the next version. Thank you!

I love this very much but please don't make older cats like me watch a damn video just to get install instruction. Please just put them in the description.

Superb!!!