Sliding TextBox Demo (Blazor)

This is a Blazor WebAssembly demo that showcases a smooth scrolling implementation to improve readability in translated subtitle systems. (You can see the React version here.)

When new text is added, typical implementations cause existing text to jump abruptly, making it difficult to read. The SlidingTextBox component solves this problem with smooth animation display.

Left (Normal): Abrupt scrolling
Right (Sliding): Smooth slide-in animation

Demo

Getting Started

Prerequisites

.NET SDK 9.0 or later

Installation

1. Clone the repository:

git clone https://github.com/sample-by-jsakamoto/Blazor-SlidingTextBox.git

Running the Application

2. Navigate to the project directory:

cd ./Blazor-SlidingTextBox

3. Start the development server:

dotnet watch

License

This project is released into the public domain under The Unlicense.