Coder Social home page Coder Social logo

tpaschedag / swiss-army-knife-card Goto Github PK

View Code? Open in Web Editor NEW

This project forked from amoebelabs/swiss-army-knife-card

0.0 0.0 0.0 17.51 MB

The versatile custom Swiss Army Knife card for Home Assistant allows you to create your unique visualization using several graphical tools, styling options and animations.

JavaScript 100.00%

swiss-army-knife-card's Introduction

hacs hacs
release downloads LGTM Grade LGTM Alerts

The Swiss Army Knife Custom Card for Home Assistant

The custom Swiss Army Knife card for Home Assistant allows you to create your own visualization using 17 basic, advanced and Home Assistant specific SVG-based tools and CSS styling and animation options this card provides.

It is a card with lots of possibilities, fully YAML based, and requires the user to design a card! What you can make is only limited by the 17 provided tools and your own imagination.

The 3rd Release Candidate will have support for layout templates, which makes using predefined cards much easier. The 30 functional card examples will be made available as layout templates for easy use and integration.

Remember that this custom card will is a public release candidate as of June/July 2022!

Check https://swiss-army-knife-card-manual.amoebelabs.com/ for the documentation!

And check https://material3-themes-manual.amoebelabs.com/ for Material 3 themes documentation. It has 22 light and dark example themes used by example card 11 and 12!

Buy Me A Coffee

Hybrid or Full manual Installation

This custom card should be in the default theme repository of HACS, if you have selected BETA releases.

For installation check the installation documentation. As this custom card requires extra steps on top of HACS for its installation. The card itself can be installed with HACS, but:

  • The card requires extra configuration files to function
  • If you want to use the examples and example dashboard, you must download the themes, views and templates too!

Note: It may take some time before this card is included into the default HACS repository! Use custom repository for the time being.

An overview of the functional card examples I created as demo and inspiration:

An overview of all the 12 example views from my own installation:

All these examples are available on Github and described in the installation manual. Each example has its own page which describes how to adapt / use them in your own installation.

Examples... Examples...
Examples using a Light Material 3 Theme... Examples using a Dark Material 3 Theme..
Example 11: Boiler and Electricity cards
Example 12: Wide cards showing lots of sensors

Buy Me A Coffee

swiss-army-knife-card's People

Contributors

amoebelabs avatar lgtm-migrator avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.