CSS Glassmorphism Style Generator

A simple and intuitive tool for generating beautiful glassmorphism styles in CSS. This project allows developers and designers to create glass-like effects easily, enhancing the aesthetic appeal of their web projects.

Features

• Easy-to-use interface: Quickly customize your glassmorphism styles without writing CSS from scratch.
• Real-time preview: See your styles in action as you make adjustments.
• Export CSS: Copy the generated CSS code to use in your projects.
• Customizable properties: Adjust properties such as blur, opacity, color, and border radius.

Demo

Check out the live demo here.

Installation

1. Clone the repository:

   git clone https://github.com/psathul073/Glassmorphism-CSS-Generator.git

2. Navigate to the project directory:

   cd Glassmorphism-CSS-Generator

3. Open index.html in your web browser to start using the generator.

Usage

1. Adjust the sliders and input fields to customize your glassmorphism style.
2. View the real-time preview to see your changes.
3. Click the "Copy" button to copied your CSS styles code.

Technologies Used

• HTML
• CSS
• Javascript

Contributing

Contributions are welcome! If you have suggestions for improvements or features, please create an issue or submit a pull request.

1. Fork the repository.
2. Create a new branch (git checkout -b feature/YourFeature).
3. Commit your changes (git commit -m 'Add your feature').
4. Push to the branch (git push origin feature/YourFeature).
5. Open a pull request.

License

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

Acknowledgments

• Thanks to the open-source community for their inspiration and support.
• Special thanks to hype4.academy/tools, for design inspiration.

Contact

For any questions or feedback, feel free to reach out to me at psathul073@gmail.com