Skip to main content

Introduction

info

Hosanna UI is built with TypeScript, providing type safety and modern development features for TV app development.

Hosanna UI is a modern, cross-platform framework for building apps across Roku, Apple TV, Android TV, Samsung TV, iOS, Android, and Web. It provides a unified development experience, abstracting away the complexities of each platform and letting you focus on building great user experiences.

How to Use These Docs​

tip

You can read these docs linearly or jump to specific sections as needed. If you’re already familiar with TV app development, feel free to skip ahead to advanced topics.

Prerequisites​

  • Familiarity with JavaScript or TypeScript is recommended.
  • No prior experience with TV, mobile, or embedded web platforms is required, but it helps.

Interactive Examples​

info

Many code samples in these docs are interactive. You can experiment with them directly in your browser or copy them into your Hosanna UI project.

Introduction

@view('Introduction')
export class IntroductionView extends BaseExampleScreenView<IntroductionState> {

  protected getViews(): ViewStruct<ViewState>[] {

    // --- edit below ---

    return [
      VGroup([
        Label({ text: 'Welcome to ' }),
        Spacer({ height: 30 }),
        Label({ text: 'Hosanna UI!' }),
      ]).translation([100, 100])
    ]

    // --- edit above ---
  }
}

Core Concepts​

Cross-Platform Development​

  • Write once, deploy everywhere: Roku, Apple TV, Android TV, Samsung TV, iOS, Android, and Web
  • Consistent APIs across TV, mobile, and browser targets
  • Platform-specific rendering, input, packaging, and tooling handled by each target

TV-First Design​

  • Optimized for remote control navigation
  • Focus management system built-in
  • TV-specific UI patterns and components
  • Performance optimized for TV hardware

Developer Experience​

  • Modern JavaScript/TypeScript support
  • Hot reload for rapid development
  • Rich debugging tools
  • Comprehensive documentation

Why Choose Hosanna UI?​

info
  • Productivity: Build TV apps faster with modern tools and APIs
  • Consistency: Deliver the same user experience across supported TV, mobile, and web platforms
  • Maintainability: Manage a single codebase for all platforms
  • Performance: Optimized for TV environments out of the box
  • Community: Join a growing ecosystem of TV-focused developers

Additional Resources​