https://github.com/khianvictorycalderon/react-loading-screen-templates
A list of reusable React (Web) Loading Screen code templates
https://github.com/khianvictorycalderon/react-loading-screen-templates
loading-screen react react-js react-js-loading-screen react-loading react-loading-screen react-web reactjs
Last synced: 3 months ago
JSON representation
A list of reusable React (Web) Loading Screen code templates
- Host: GitHub
- URL: https://github.com/khianvictorycalderon/react-loading-screen-templates
- Owner: khianvictorycalderon
- Created: 2025-06-29T06:17:41.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-06-29T13:09:23.000Z (3 months ago)
- Last Synced: 2025-06-29T13:31:57.354Z (3 months ago)
- Topics: loading-screen, react, react-js, react-js-loading-screen, react-loading, react-loading-screen, react-web, reactjs
- Language: TypeScript
- Homepage: https://khianvictorycalderon.github.io/React-Loading-Screen-Templates/
- Size: 192 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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