Developed a lightweight, highly customizable scrolling ticker widget designed for integration with OBS Studio via Browser Source. This tool enhances live stream production value by displaying dynamic custom messaging or real-time news headlines without requiring heavy plugins or external software. Technical Execution & Key Features Vanilla Web Architecture: Built using pure HTML5, CSS3, and JavaScript (ES6+), ensuring zero runtime dependencies and minimal CPU/RAM impact during live broadcasts. Asynchronous Data Pipeline: Implemented an async/await fetch system to retrieve and parse external RSS/XML feeds in real-time. Utilized the browser's native DOMParser to transform XML streams into displayable DOM elements dynamically. Adaptive Animation Engine: Engineered a JavaScript-based calculation engine that adjusts CSS animation duration (animation-duration) based on character count and a configurable speed factor. This ensures consistent reading speeds regardless of message length. User-Centric Configuration: Designed a "Configuration-as-Code" system using CSS Custom Properties (Variables) and a centralized JSON-style JavaScript config object. This allows non-technical users to easily modify color schemes, fonts, and logic behaviors directly in the source files. Modern UI/UX: Created a responsive, high-contrast aesthetic utilizing CSS3 gradients, text shadows, and keyframe animations to maintain visual clarity against complex video backgrounds.