<h2 id="1-wicked-backgrounds">1.  Wicked Backgrounds</h2>
<p><em>Create beautiful backgrounds waves for your designs in few clicks</em></p>
<p><a href="https://wickedbackgrounds.com" class="autolinkedURL autolinkedURL-url" target="_blank">wickedbackgrounds.com</a></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633438877847/kROg7aJ7f.png" alt="image.png" /></p>
<h2 id="2-css-layout">2.  CSS Layout</h2>
<p><em>100+ Popular Layouts &amp; patterns made with CSS</em></p>
<p><a href="https://csslayout.io" class="autolinkedURL autolinkedURL-url" target="_blank">csslayout.io</a></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633438832359/7ID3GPh3P.png" alt="image.png" /></p>
<h2 id="3-fancy-border-radius-generator">3. Fancy Border Radius Generator</h2>
<p><em>Create organic-looking shapes using CSS border-radius. </em></p>
<p> <a target="_blank" href="Link">https://9elements.github.io/fancy-border-radius/</a> </p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633439094406/YTpHKgBWc.png" alt="image.png" /></p>
<h2 id="4-free-3d-icon">4. Free 3D icon</h2>
<p><em>Huge collection of free, beautiful, trending 3D icons.</em></p>
<p> <a target="_blank" href="Link">https://free3dicon.com</a> </p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633439174816/Q5FkiCfx-.png" alt="image.png" /></p>
<h2 id="5-fontspark">5. FontSpark</h2>
<p><em>Discover Better fonts for your designs.</em></p>
<p> <a target="_blank" href="Link">https://fontspark.app</a> </p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633439271303/AkVbjAfhm.png" alt="image.png" /></p>
<p><strong>If you liked this Post, Share the post and help others.</strong></p>
<p><strong>Follow me at <a target="_blank" href="Link">https://twitter.com/AbedinDevsWeb</a>  for more tricks and tips on Web.
</strong></p>


## 1.  Wicked Backgrounds

*Create beautiful backgrounds waves for your designs in few clicks*

https://wickedbackgrounds.com

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

## 2.  CSS Layout

*100+ Popular Layouts & patterns made with CSS*

https://csslayout.io

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633438832359/7ID3GPh3P.png)

## 3. Fancy Border Radius Generator

*Create organic-looking shapes using CSS border-radius. *

 [https://9elements.github.io/fancy-border-radius/](Link) 

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

## 4. Free 3D icon

*Huge collection of free, beautiful, trending 3D icons.*

 [https://free3dicon.com](Link) 

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633439174816/Q5FkiCfx-.png)

## 5. FontSpark

*Discover Better fonts for your designs.*

 [https://fontspark.app](Link) 

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

**If you liked this Post, Share the post and help others.**

**Follow me at [https://twitter.com/AbedinDevsWeb](Link)  for more tricks and tips on Web.
**


Abedin.dev

Abedin.dev

5 Awesome sites for every Front-end Developers

1. Wicked Backgrounds

2. CSS Layout

3. Fancy Border Radius Generator

4. Free 3D icon

5. FontSpark