Neon UI Loading States & Spinners Pack – HTML5 / CSS (Rebrand & Resell)

Clean, reusable loading UI for games and web apps.

Includes multiple loading styles, overlays, and state variants — ready to drop into real projects.

This pack provides a full set of loading states and spinners built in pure HTML5 + CSS, designed to drop into real projects with zero framework dependencies.

Previews show styled examples — all components are fully customizable via CSS variables.

✅ What’s included

• Ring spinner (indeterminate)

• Dots loader (sync / working states)

• Linear indeterminate loading bar

• Skeleton shimmer placeholders

• Button inline loader (for save / apply / purchase actions)

• Full-screen loading overlay panel

• Built-in state themes:

  • Loading

  • Syncing

  • Connecting

  • Reconnecting

  • Buffering

  • Error

• Copy-paste HTML snippets for each component

⚙️ Technical details

• Pure HTML5 + CSS

• No frameworks

• No JavaScript required (optional demo JS included)

• Easy recolor & resize using CSS variables

• Lightweight, clean, and readable code

• Works in games, tools, dashboards, and web apps

🎨 Rebrand in seconds

Edit a few variables in the CSS to match your project:

• Primary / secondary colors

• Glow strength

• Corner radius

• Global scale (--nui-size)

Perfect for adapting to any UI style, not just neon.

🎮 Perfect for

• Game developers

• HTML5 / browser games

• Game jams & prototypes

• UI / UX designers

• Indie devs who just need loading UI done

📦 Files included

• Demo HTML page (preview all components)

• Core CSS file

• Optional demo JS (can be removed)

• Individual component snippets

• README with quick setup instructions

📜 License

• ✔ Commercial use allowed (inside games & apps)

• ✔ Rebrand & resell inside your own projects

• ✔ No credit required

• ❌ Do not resell the pack “as-is”