Csswand

<h1>CSS Wand</h1> <p align="center"> <a href="https://www.csswand.dev/"> <img width="400" src="https://github.com/oliver-gomes/csswand/blob/master/src/csswand.png?raw=true"> </a> </p> <p align="center"> <a href="https://www.producthunt.com/posts/css-wand?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-css-wand" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=158372&theme=light" alt="CSS Wand - Easy copy-paste beautiful CSS animations | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a> <a href="https://www.producthunt.com/posts/css-wand?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-css-wand" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=158372&theme=light&period=daily" alt="CSS Wand - Easy copy-paste beautiful CSS animations | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a> </p> <div align="center"> <p>Hover your wand and use your magic spell to copy beautiful css</p> </div> <img width="1000" src="https://github.com/oliver-gomes/csswand/blob/master/public/github-bg.png?raw=true" style="border-radius: 10px">

<img width="400" src="https://github.com/oliver-gomes/csswand/blob/master/public/colorpicker.png?raw=true" style="border-radius: 10px"/> <img width="400" src="https://github.com/oliver-gomes/csswand/blob/master/public/csspicker.png?raw=true" style="border-radius: 10px"/>

✨ Features

• Easy Copy-Paste Beautiful CSS.
• Amazing Built-in Color Picker
• Includes Hover, Loading and more effects.

⌨️ Development

Clone locally:

$ git clone https://github.com/oliver-gomes/csswand.git
$ cd csswand
$ npm install
$ npm start

🤝 Contributing

I am taking request for more CSS effect, if you have any awesome idea feel free to open an issue stating that CSS effect. I will add it to the app asap. Thanks!