Skip to content

A simple Google-style loading animation built using only HTML and CSS. Lightweight, responsive, and easily customizable for use in modern web applications.

Notifications You must be signed in to change notification settings

loedex/Google-like-Loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ”„ Google-Style CSS Loader

A lightweight and visually engaging loader inspired by Google's loading animation. Built using only HTML and CSS, this bouncing dot loader is perfect for splash screens, loading states, or minimal web UIs.


πŸš€ Live Demo

View it on GitHub Pages


✨ Features

  • 🎨 Google-style multi-colored bouncing dots

  • βš™οΈ Pure HTML & CSS (no JavaScript)

  • πŸ’‘ Smooth animation using CSS @keyframes

  • 🧩 Easily embeddable in any project

  • πŸ“± Responsive and centered layout


πŸ› οΈ Technologies Used

  • HTML5

  • CSS3 (Keyframe animations, Flexbox)


πŸ’‘ Customization

You can easily modify:

  • Dot colors

  • Bounce height and speed (@keyframes)

  • Dot size and spacing (width, height, and column-gap)


πŸ™‹β€β™‚οΈ Author

Husnain Ahmad

EmailπŸ“§: loedex@yahoo.com

WhatsApp: +92 334 5275466

TikTok: https://www.tiktok.com/@loedex0?_t=ZS-9065NDNjTve&_r=1

About

A simple Google-style loading animation built using only HTML and CSS. Lightweight, responsive, and easily customizable for use in modern web applications.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published