Shadowgraph
TrendingBuzzTop stargazers
Chrome extension
Sign in

manrajgrover/SingleDivProject

☝️One <div>. Many possibilities.

HTML

1,587

234 commits

updated Jul 19, 2021

See the code

README

SingleDivProject

Single Div CSS

☝️ 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 NameYour Name / Github HandleDemo/Gif
Batterymanrajgrover
Hamburger Menumanrajgrover
Magnifying Glasskamito98
New Instagram Logomanrajgrover

Loaders

Project NameYour Name / Github HandleDemo/Gif
Awesome Dotsmanrajgrover
Bouncing Ballmtacchino
Box LoaderAnubrataDS
Clockrichardj
Dot Loaderaaroniker
Fill upmanrajgrover
Iron FactoryNorthernTwig
Revolving Circlesdcrousso
Revolving Dotsdcrousso
Ripple Effectmanrajgrover
Play Loadermanrajgrover
Simple Spinnermanrajgrover
Simple Text Loadermanrajgrover
Melting Ice Cream LoaderTaranVohra

Flags

Project NameYour Name / Github HandleDemo
Armeniamanrajgrover
Austriamanrajgrover
Bahamasmanrajgrover
Bangladeshmanrajgrover
BelgiumAndyMathys
Brazilesganzerla
Bulgariamanrajgrover
Chileadavis46
CanadaScott Kaye
Cameroon1forh
ColombiaDHernandex
Czech Republicfadilf
Denmarkjacksarick
EnglandTheWebartist
Finlandjacksarick
Francemanrajgrover
Germanymanrajgrover
Greecejdhoek
Hungaryjabbalaci
Indiafadilf
Indonesiakaruna
Irelandskeevey
Israelhillai
Italymanrajgrover
Ivory Coastskeevey
Japanmanrajgrover
Laosjamcgrath
Latviavasiljevs
Lithuaniafosron
Nigeriaskeevey
PakistanObaidAshraf
Polandmschweichler
Puerto Ricoaallfredo and jorluiseptorPuertoRico
Russiaad222kr
SenegalDeath259
South AfricaDHernandex
Sierra Leonets96
Surinameadavis46
Swedenjacksarick
Switzerlandthijswerrij
SyriaiSWORD
Taiwanamowu
Texasdomspad
Thailandjamcgrath
The Netherlandsjdhoek
Turkeymehmetuken
United Kingdomjdhoek
United States of Americajdhoek
YemenDeath259

Tools

Project NameYour Name / Github HandleDemo/Gif
Box Breathinggnclmorais

License

MIT © Manraj Singh

css
div
drawing
html
single-div

Significant stargazers

fent

477 followers · starred Jun 2016

Dominik Picheta

926 followers · starred Jun 2016

Tapasweni Pathak

2,000 followers · starred Oct 2016

Dean Attali

2,231 followers · starred Mar 2018

Similar repos

lynnandtonic/a-single-div

🎨 CSS drawings with only one HTML element.

1,811

you-dont-need/You-Dont-Need-JavaScript

CSS is powerful, you can do a lot of things without JS.

20,577

bradtraversy/50projects50days

50+ mini web projects using HTML, CSS & JS

40,645

raphaelfabeni/css-loader

Simple loaders for your web applications using only one div and pure CSS ❤️

1,250

MilenaCarecho/30diasDeCSS

Desafio criar 30 mini projetos utilizando HTML e CSS em 30 dias

2,896

youneslaaroussi/ui-buttons

100 Modern CSS Buttons. Every style that you can imagine.

3,853

l-hammer/You-need-to-know-css

💄CSS tricks for web developers~

5,446

Ayush7614/Bundli-Frontend

Bundli-Frontend 🚩 is a repo that contains 🚀different code of full stack Development 👨‍💻🚀

137

manrajgrover/SingleDivProject

☝️One <div>. Many possibilities.

HTML

1,587

234 commits

updated Jul 19, 2021

See the code

README

SingleDivProject

Single Div CSS

☝️ 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 NameYour Name / Github HandleDemo/Gif
Batterymanrajgrover
Hamburger Menumanrajgrover
Magnifying Glasskamito98
New Instagram Logomanrajgrover

Loaders

Project NameYour Name / Github HandleDemo/Gif
Awesome Dotsmanrajgrover
Bouncing Ballmtacchino
Box LoaderAnubrataDS
Clockrichardj
Dot Loaderaaroniker
Fill upmanrajgrover
Iron FactoryNorthernTwig
Revolving Circlesdcrousso
Revolving Dotsdcrousso
Ripple Effectmanrajgrover
Play Loadermanrajgrover
Simple Spinnermanrajgrover
Simple Text Loadermanrajgrover
Melting Ice Cream LoaderTaranVohra

Flags

Project NameYour Name / Github HandleDemo
Armeniamanrajgrover
Austriamanrajgrover
Bahamasmanrajgrover
Bangladeshmanrajgrover
BelgiumAndyMathys
Brazilesganzerla
Bulgariamanrajgrover
Chileadavis46
CanadaScott Kaye
Cameroon1forh
ColombiaDHernandex
Czech Republicfadilf
Denmarkjacksarick
EnglandTheWebartist
Finlandjacksarick
Francemanrajgrover
Germanymanrajgrover
Greecejdhoek
Hungaryjabbalaci
Indiafadilf
Indonesiakaruna
Irelandskeevey
Israelhillai
Italymanrajgrover
Ivory Coastskeevey
Japanmanrajgrover
Laosjamcgrath
Latviavasiljevs
Lithuaniafosron
Nigeriaskeevey
PakistanObaidAshraf
Polandmschweichler
Puerto Ricoaallfredo and jorluiseptorPuertoRico
Russiaad222kr
SenegalDeath259
South AfricaDHernandex
Sierra Leonets96
Surinameadavis46
Swedenjacksarick
Switzerlandthijswerrij
SyriaiSWORD
Taiwanamowu
Texasdomspad
Thailandjamcgrath
The Netherlandsjdhoek
Turkeymehmetuken
United Kingdomjdhoek
United States of Americajdhoek
YemenDeath259

Tools

Project NameYour Name / Github HandleDemo/Gif
Box Breathinggnclmorais

License

MIT © Manraj Singh

css
div
drawing
html
single-div

Significant stargazers

fent

477 followers · starred Jun 2016

Dominik Picheta

926 followers · starred Jun 2016

Tapasweni Pathak

2,000 followers · starred Oct 2016

Dean Attali

2,231 followers · starred Mar 2018

Similar repos

lynnandtonic/a-single-div

🎨 CSS drawings with only one HTML element.

1,811

you-dont-need/You-Dont-Need-JavaScript

CSS is powerful, you can do a lot of things without JS.

20,577

bradtraversy/50projects50days

50+ mini web projects using HTML, CSS & JS

40,645

raphaelfabeni/css-loader

Simple loaders for your web applications using only one div and pure CSS ❤️

1,250

MilenaCarecho/30diasDeCSS

Desafio criar 30 mini projetos utilizando HTML e CSS em 30 dias

2,896

youneslaaroussi/ui-buttons

100 Modern CSS Buttons. Every style that you can imagine.

3,853

l-hammer/You-need-to-know-css

💄CSS tricks for web developers~

5,446

Ayush7614/Bundli-Frontend

Bundli-Frontend 🚩 is a repo that contains 🚀different code of full stack Development 👨‍💻🚀

137