GlassKit CSS Framework

GlassKit is a lightweight CSS framework for applying a glass effect to HTML elements, including buttons, cards, containers, and select dropdowns. This framework provides a simple and easy way to add a modern and stylish glassy look to your web applications.

Getting Started

To use GlassKit in your project, you can include the glasskit.css file in your HTML document. You can either download the CSS file or link directly to the hosted version on GitHub.

Include GlassKit from Url

<link rel="stylesheet" href="https://glasskit.tiiny.site/glasskit-main/glasskit.css">

Downloading the CSS File

You can download the glasskit.css file from this repository and include it in your project:

Download glasskit.css Include the CSS file in your HTML:

<link rel="stylesheet" href="path/to/glasskit.css">

Usage

Once you have included GlassKit in your project, you can apply the glass effect by adding the appropriate CSS classes to your HTML elements.

Example: Applying Glass Effect to a Button

<button class="button glass">Glass Button</button>

Example: Applying Glass Effect to a Card

<div class="card glass">
    <h2>Card with Glass Effect</h2>
    <p>I ❤ GlassKit framework.</p>
</div>

License

This project is licensed under the MIT License.

Contributing

Contributions to GlassKit are welcome! If you have suggestions, improvements, or new features to add, please open an issue or submit a pull request.

Enjoy using GlassKit for your web projects! If you have any questions or feedback, feel free to reach out.