loading...

CSS generator - Tools

abhiprojectz profile image abhiprojectz ・2 min read

Welcome to CSS Generator!

This is a css tools collection which can be used to get css codes snippets easily & quikly including Shadows , Borders , Gradients tiles and Svgs Loaders collection!

Try it:

live website

Source code:

Source code on github

Getting Started

All you need is to just a TAP and the code gets copied to clipboard!

Best for even begginers.

Easy , fast & simple.

Installing

There is nothing to install for this generator yet all codes are served on the frontend that is your Browser.

Example

To get a shadow code for somthing like this:



box-shadow: 0px 0px 50px 9px #000000;

*Want to edit ?

just drag the elements input range as per your requirement.

Svgs

A loaders svgs collection just copy the code with a click & insert it into your project quickly

Screenshots

Borders:

Loaders:

Built With

HTML

CSS

JAVASCRIPT

Authors

  • ABHI *

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Conclusion

  • If you find and bugs then do commit in issues.

If you liked it then do give it a star_

Posted on by:

abhiprojectz profile

abhiprojectz

@abhiprojectz

I'm a web and android developer.Basically reading in 12th grade.

Discussion

markdown guide
 

Awesome breakdown of the tool. Thanks @abhiprojectz

 

Feel free to share the tool wit others too

 

This is a really cool and useful tool. Thanks for sharing!

 

Welcome feel free to share with others too!