You Don't Need Image or SVG
What is you don't need Image?
CSS is powerful and can be used to make interesting UI elements for which most of the time people use Image for SVG files. In this repository we are curating those Advanced UIs' that are possible with CSS.
Note: Please, Feel free to add CSS Animations too.
Inspired by You don't need JavaScript.
Examples
1. CSS Heart
![CSS Heart](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/heart.png)
⬆ back to top
2. CSS Smile
![CSS Heart](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/smile.png)
⬆ back to top
3. CSS Star
![CSS Star](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/star.png)
⬆ back to top
4. CSS Eye Emoji
![CSS eye EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/eye-emoji.png)
5. CSS Rainbow
![CSS Rainbow](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/rainbow.png)
⬆ back to top
5. CSS Panda
![CSS eye EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/panda.png)
⬆ back to top
6. Mario
![CSS eye EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/mario.png)
⬆ back to top
7. Snow
![CSS eye EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/snow.png)
⬆ back to top
8. Penguin
![CSS eye EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/penguin.png)
⬆ back to top
9. Loading Bar(Animation)
![CSS Animation bar](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/loading_bar.png)
⬆ back to top
10. Infinity
![CSS infinity EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/infinity.png)
⬆ back to top
11. Cat
![CSS Cat](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/cat.png)
⬆ back to top
12. Curved Arrow
![CSS curved arrow EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/curvedarrow.png)
⬆ back to top
13. Instagram Logo
![CSS curved arrow EMoji](https://github.com/akshaykhale1992/You-Dont-Need-image/raw/main/images/iglogo.png)
⬆ back to top
Contribution Guide
- Clone this repository with the following command:
https://github.com/akshaykhale1992/You-Dont-Need-image.git
- Add your HTML File to the examples directory.
- Add the screenshot to the images directory.
- Add the link to your HTML (or you can add the codepen link) to the examples in the readme.md file.
- Raise the PR.
Contributors