Skip to content

khianvictorycalderon/React-Loading-Screen-Templates

Repository files navigation

React Loading Screens Example

This project demonstrates a simple React app with multiple loading screens that support different themes (e.g., light and dark).
Each loading screen shows until loading completes, then hides automatically.

✨ Features

  • Supports multiple loading templates (e.g., plain, percentage, more can be added easily)
  • Light and dark themes
  • Dynamic simulation of loading progress
  • Buttons to trigger each loading screen with a chosen theme

🛠 How It Works

  • Each button triggers a loading screen with the selected theme.
  • IsDoneLoading controls whether loading is finished.
  • Once done, loading screen stays briefly then hides.

📦 Tech Stack

  • React
  • TypeScript
  • CSS Modules