Loading Animations Collection

A collection of HTML + CSS loading animations across multiple visual themes.

Koleksi

1. Glassmorphism (34 loader)

• Glassmorphism/index.html: gallery of 34 glass-themed loaders.
• Glassmorphism/styles.css: styling and animation rules for all Glassmorphism loaders.
• Visual style: blurred/translucent panels with a dark aesthetic.

2. Wireframe Tech (20 loader)

• Wireframe Tech/index.html: gallery of 20 tech wireframe-themed loaders.
• Wireframe Tech/styles.css: styling and animation rules for all Wireframe Tech loaders.
• Visual style: neon blue lines, grid background, and technical UI effects.

3. Retro Pixel (20 loader)

• Retro Pixel/index.html: gallery of 20 retro pixel-themed loaders.
• Retro Pixel/styles.css: styling and animation rules for all Retro Pixel loaders.
• Visual style: 8-bit arcade vibe, pixel panels, and layered animations.

4. Terminal / CLI (20 loader)

• Terminal/index.html: gallery of 20 terminal and command-line themed loaders.
• Terminal/styles.css: styling and animation rules for all Terminal / CLI loaders.
• Visual style: green CRT monitor look, subtle scanlines, and shell prompt elements.

How To Run

1. Open one of the following files in your browser:
   • Glassmorphism/index.html
   • Wireframe Tech/index.html
   • Retro Pixel/index.html
   • Terminal/index.html
2. Edit the CSS file inside the selected theme folder, then refresh the browser to see changes.

Project Structure

Loadings/
|- Glassmorphism/
|  |- index.html
|  |- styles.css
|- Wireframe Tech/
|  |- index.html
|  |- styles.css
|- Retro Pixel/
|  |- index.html
|  |- styles.css
|- Terminal/
|  |- index.html
|  |- styles.css
|- README.md
|- LICENSE