Add CSS-only loader animation example #804

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

Aviraj2929 wants to merge 1 commit into you-dont-need:master from Aviraj2929:loading-animation

Aviraj2929 commented Oct 7, 2025

This PR adds a new CSS-only loader animation example to the repository under
loading-animation/css-only-loader/.

Features:

A spinning circular loader created purely with HTML and CSS.
No JavaScript is required, demonstrating a simple and lightweight solution.
Fully customizable: color, size, and speed can be easily adjusted via CSS.

Files added:

index.html: Contains the HTML structure for the loader.
style.css: Contains the CSS for styling and animating the loader.

This example aligns with the "You Don’t Need JavaScript" philosophy,
showing how simple animations can be achieved using only CSS.


          Add CSS-only loader folder with index.html and style.css

f68b9ea

Member

aayush105 commented Oct 8, 2025

Hello @Aviraj2929
please provide the output image.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet