Build Dynamic News Tickers with Ease

Version: 0.8.2

chyron-svelte is a lightweight, customizable Svelte library for creating broadcast-style chyrons—perfect for news, sports, or live event apps.

Add scrolling headlines, cycling news, and branded logos to your web projects in minutes. With TypeScript support, theme-able styles, and responsive design, chyron-svelte empowers developers to craft engaging, professional tickers without the hassle.

npm install chyron-svelte
View Demo | Explore on GitHub

Why Choose chyron-svelte?

Packed with features to make your news tickers stand out.

  • 🚀 Effortless Integration: Install via npm and start building with a single import. Works seamlessly with SvelteKit and TypeScript.
  • 🎨 Fully Customizable: Tailor colors, fonts, and sizes using CSS variables or dynamic customStyles props. Match any brand or theme.
  • 📜 Dynamic Content: Create scrolling chyrons, cycling headlines, and rotating logo displays with minimal code.
  • 📱 Responsive & Accessible: Grid-based layouts adapt to all screens, with ARIA support for screen readers.
  • ⚡ Lightweight & Fast: Optimized for performance, ensuring smooth animations and quick load times.
  • 🛠 Developer-Friendly: TypeScript types, clear documentation, and a modular component structure make development a breeze.
See the Code in Action

Bring Your Ideas to Life

From news apps to live streams, chyron-svelte fits any project needing real-time updates.

  • News Websites: Display breaking news with scrolling tickers and bold headlines, styled to match your site's branding.
  • Sports Apps: Keep fans engaged with live score updates and sponsor logos in a sleek, broadcast-style chyron.
  • Live Events: Enhance virtual conferences or streams with dynamic announcements and branded overlays.
  • Dashboards: Add real-time alerts or notifications to data-driven applications with customizable tickers.