by Aliahad
| Link | Description |
|---|---|
| Neumorphism/Soft UI CSS shadow generator | This website generates the soft UI for your section or div and it can also customize border-radius, box-shadow and etc. |
| Smooth Shadow (brumm.af) | It can generate multiple Layered shadow for you which gives very cool effect and you can customize the color from the curve. |
| Clippy — CSS clip-path maker (bennettfeely.com) | It can generate beautiful clip-path with various different shapes it can be very handy if you use these king of shapes and properties. |
| Fancy Border Radius Generator (9elements.github.io) | It generates most awesome shapes by manipulating border-radius |
| and you can use it anywhere in you project. You can also change the size of shape to check how it'll look with your project preference. | |
| cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com | It basically generates the cubic-bezier |
for you animation in css. As we know we use ease-in |
|
, ease-out |
|
| etc property for the animation to tell the browser what is the animation's flow. you can customize those properties here. | |
| CSS Gradient — Generator, Maker, and Background | If you work with gradient then you will love it. because I am using this for a long time and it's just perfect. and also here you can also get some tools like Gradient Button |
| and many more. | |
| Get Waves – Create SVG waves for your next design | It generates simple waves with some customization. |
| It can generate multiple gradient waves which is awesome. | SVG Wave Generator – Create SVG waves for your designs (softr.io) |
| Svg Wave - A free & beautiful gradient SVG wave Generator. | It can generate multiple gradients waves but the main feature is that it can also generate Live animation for that. |
| CSS Grid Generator (cssgrid-generator.netlify.app) | It generates the awesome css For Grid and you can customize it with div |
| and it will also create the child element for that | |
| [Interactive CSS Grid Generator | Layoutit Grid](https://grid.layoutit.com/) |
| for you. and you can name that and customize the area according to your need. | |
| loading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator | Here you can generate multiple loading animation and download that as SVG, GIFs, PNG and other formats but the best feature of it is that you can customize these animation to the next level. You should try this. |
| Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS (flaticon.com) | This Library have 5.7M+ vector icons. So you can find any possible icons here and you can use it. |
| Free Icons, Clipart Illustrations, Photos, and Music (icons8.com) | This library also has the vast collection of icons and you can customize them as well, also you can directly use that icon without downloading it. |