kb-frosted-cards

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #llm #golang #android #deep-learning #java #kubernetes #vue #security #ios #openai

kb-frosted-cards

(★ 11)

Make Cards and Popups blur everything behind them.

kb-frosted-cards Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://github.com/Kibibit/kb-frosted-cards/" target="blank"><img src="https://thatkookooguy.github.io/https-assets/screenshots/kb-frosted-cards-logo.gif" width="400" alt="achievibit Logo" />
  </a>
  <h2 align="center">
    @kibibit/kb-frosted-cards
  </h2>
</p>
<p align="center">
  <a href="https://www.npmjs.com/package/@kibibit/kb-frosted-cards"><img src="https://img.shields.io/npm/v/@kibibit/kb-frosted-cards/latest.svg?style=for-the-badge&logo=npm&color=CB3837"></a>
</p>
<p align="center">
  <a href="https://github.com/custom-components/hacs"><img src="https://img.shields.io/badge/HACS-Default-orange.svg?style=flat-square"></a>
  
<a href="#contributors-"><img src="https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square" alt="All Contributors"></a>

</p>
<p align="center">
  Make HA Cards and Popups blur everything behind them.
</p>
<hr>
<img src="https://thatkookooguy.github.io/https-assets/hassio-theme-logo.png" width=150>

Created for the Home Assistant [kibibit Theme](https://github.com/kibibit/hass-kibibit-theme)
> It have transparent card background colors, support multiple backgrounds, and custom local backgrounds

## Installation
### HACS

1. Go to the Community Store.
2. Select `Frontend`.
3. Click on the `+` button
4. Search for `kibibit Frosted Cards`.
5. Click on it.
6. Press `Install this Repository in HACs`.
7. When prompted, reload the frontend

### Manual Installation

1. Create a folder named `kb-frosted-cards` in your `config/www` folder.
2. Copy the file `kb-frosted-cards.js` into that folder.
3. In HA GUI, go to `Configuration` => `Lovelace Dashboards` => `Resources`, and click the `+` button to add a resource.
4. A popup will open. In the url field, fill in `/local/kb-frosted-cards/kb-frosted-cards.js`, and select `JavaScript Module` in the dropdown.
5. Refresh the Home Assistant Frontend.

## How does it look?
![](https://thatkookooguy.github.io/https-assets/screenshots/kb-frosted-cards-example1.gif)
![](https://thatkookooguy.github.io/https-assets/screenshots/kb-frosted-cards-example2.png)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):



<table>
  <tr>
    <td align="center"><a href="http://thatkookooguy.kibibit.io/"><img src="https://avatars3.githubusercontent.com/u/10427304?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Neil Kalman</b></sub></a><br /><a href="https://github.com/kibibit/kb-frosted-cards/commits?author=Thatkookooguy" title="Code">💻</a> <a href="https://github.com/kibibit/kb-frosted-cards/commits?author=Thatkookooguy" title="Documentation">📖</a> <a href="#design-Thatkookooguy" title="Design">🎨</a> <a href="#infra-Thatkookooguy" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#maintenance-Thatkookooguy" title="Maintenance">🚧</a></td>
  </tr>
</table>

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
## Stay in touch

- Author - [Neil Kalman](https://github.com/thatkookooguy)
- Website - [https://github.com/kibibit](https://github.com/kibibit)
- StackOverflow - [thatkookooguy](https://stackoverflow.com/users/1788884/thatkookooguy)
- Twitter - [@thatkookooguy](https://twitter.com/thatkookooguy)
- Twitter - [@kibibit_opensrc](https://twitter.com/kibibit_opensrc)

kb-frosted-cards

kb-frosted-cards Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

kb-frosted-cards

kb-frosted-cards Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README