<p>Hello everyone :) Welcome back to another blog, where I will be talking about CSS generators. </p>
<p>For those of you who don't know what <strong>CSS generators</strong> are, they are applications that generate CSS code for us and help us visualize how our website is going to look like in the future!</p>
<h1 id="top-3-css-generators">TOP 3 CSS generators</h1>
<h3 id="1-css-bud">1. CSS Bud</h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1635745937775/xfBLu_EFX.png" alt="image.png" /></p>
<p>CSS bud is a great CSS generator which provides several types of codes, whether it be underline or box shadow. Its a great tool to add highlights to text and certain objects on your web page.
<a href="https://cssbud.com/css-generator/" class="autolinkedURL autolinkedURL-url" target="_blank">cssbud.com/css-generator</a></p>
<h3 id="2-uiglass">2. <a href="http://Ui.glass" class="autolinkedURL autolinkedURL-url" target="_blank">Ui.glass</a></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1635746604811/V5dKOxC3L.png" alt="image.png" /></p>
<p>This is a glassmorphism generator. Glassmorphism is quite a trend nowadays. This generator helps you visualize that frosted glass effect and makes it very easy for you to add it to your own website.
<a href="https://ui.glass/generator/" class="autolinkedURL autolinkedURL-url" target="_blank">ui.glass/generator</a></p>
<h3 id="3-keyframes">3. Keyframes</h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1635826551919/LTA2ELcHF.png" alt="image.png" /></p>
<p>Keyframes is one of the most popular CSS generators and the main reason is that it makes adding animations to your website so easy. You have a interface from where you can add steps to animations, change size and other properties and then get the whole CSS code with the click of a button and even preview it.
<a href="https://keyframes.app/animate/" class="autolinkedURL autolinkedURL-url" target="_blank">keyframes.app/animate</a></p>
<p>Well that's it for this blog! </p>


Hello everyone :) Welcome back to another blog, where I will be talking about CSS generators. 

For those of you who don't know what **CSS generators** are, they are applications that generate CSS code for us and help us visualize how our website is going to look like in the future!

# TOP 3 CSS generators 


### 1. CSS Bud

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635745937775/xfBLu_EFX.png)

CSS bud is a great CSS generator which provides several types of codes, whether it be underline or box shadow. Its a great tool to add highlights to text and certain objects on your web page.
https://cssbud.com/css-generator/

### 2. Ui.glass


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635746604811/V5dKOxC3L.png)

This is a glassmorphism generator. Glassmorphism is quite a trend nowadays. This generator helps you visualize that frosted glass effect and makes it very easy for you to add it to your own website.
https://ui.glass/generator/

### 3. Keyframes


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635826551919/LTA2ELcHF.png)

Keyframes is one of the most popular CSS generators and the main reason is that it makes adding animations to your website so easy. You have a interface from where you can add steps to animations, change size and other properties and then get the whole CSS code with the click of a button and even preview it.
https://keyframes.app/animate/

Well that's it for this blog! 

CSS Generators: Make your website engaging

Hello everyone :)In this blog I am dedicated to cover topics like:
[ print("Python"),
  alert("JS"),
  git init Github,
  import react from "react-native"
]
Discord: https://discord.gg/DyUHPsuAup


This is a blog that covers tips and posts regarding React-native, Github, Python && Java Script. 