SingleDivProject

☝️ One <div>. Many possibilities.

What is this?

This project focuses on exploring all the possibilities that can be done with a single <div> element using CSS only.

Why?

1. Great way to explore CSS properties.
2. Restrictions forces you to learn new properties and different ways to do particular styling.
3. Because we can.

How to contribute?

Please go through the Contributions guidelines before sending a pull request.

Reddit threads

1. What all can you do with a single <div> element using pure CSS? Check this out! on /r/programming/
2. One <div>. Many possibilities. on /r/web_design/
3. One <div>. Many possibilities. on /r/coolgithubprojects/

Demos

Designs

Project Name	Your Name / Github Handle	Demo/Gif
Battery	manrajgrover
Hamburger Menu	manrajgrover
Magnifying Glass	kamito98
New Instagram Logo	manrajgrover

Loaders

Project Name	Your Name / Github Handle	Demo/Gif
Awesome Dots	manrajgrover
Bouncing Ball	mtacchino
Box Loader	AnubrataDS
Clock	richardj
Dot Loader	aaroniker
Fill up	manrajgrover
Iron Factory	NorthernTwig
Revolving Circles	dcrousso
Revolving Dots	dcrousso
Ripple Effect	manrajgrover
Play Loader	manrajgrover
Simple Spinner	manrajgrover
Simple Text Loader	manrajgrover
Melting Ice Cream Loader	TaranVohra

Flags

Project Name	Your Name / Github Handle	Demo
Armenia	manrajgrover
Austria	manrajgrover
Bahamas	manrajgrover
Bangladesh	manrajgrover
Belgium	AndyMathys
Brazil	esganzerla
Bulgaria	manrajgrover
Chile	adavis46
Canada	Scott Kaye
Cameroon	1forh
Colombia	DHernandex
Czech Republic	fadilf
Denmark	jacksarick
England	TheWebartist
Finland	jacksarick
France	manrajgrover
Germany	manrajgrover
Greece	jdhoek
Hungary	jabbalaci
India	fadilf
Indonesia	karuna
Ireland	skeevey
Israel	hillai
Italy	manrajgrover
Ivory Coast	skeevey
Japan	manrajgrover
Laos	jamcgrath
Latvia	vasiljevs
Lithuania	fosron
Nigeria	skeevey
Pakistan	ObaidAshraf
Poland	mschweichler
Puerto Rico	aallfredo and jorluiseptor
Russia	ad222kr
Senegal	Death259
South Africa	DHernandex
Sierra Leone	ts96
Suriname	adavis46
Sweden	jacksarick
Switzerland	thijswerrij
Syria	iSWORD
Taiwan	amowu
Texas	domspad
Thailand	jamcgrath
The Netherlands	jdhoek
Turkey	mehmetuken
United Kingdom	jdhoek
United States of America	jdhoek
Yemen	Death259

Tools

Project Name	Your Name / Github Handle	Demo/Gif
Box Breathing	gnclmorais

License

MIT © Manraj Singh