- Видео 52
- Просмотров 501 325
My Smart Home
Норвегия
Добавлен 11 янв 2023
Let's make Home Assistant beautiful.
I create easy-to-follow tutorials that will guide you through the process of designing stunning Home Assistant dashboards.
I create easy-to-follow tutorials that will guide you through the process of designing stunning Home Assistant dashboards.
Custom colorful Light Sliders in Home Assistant
In this video I'll show you how to create some colorful Light Sliders in Home Assistant
Get the full code on Gumroad:
mysmarthome.gumroad.com/l/cifev
Support the channel:
www.youtube.com/@My_Smart_Home/join
www.buymeacoffee.com/mysmarthomeblog
Links:
Button Card: github.com/custom-cards/button-card
My Slider v2: github.com/AnthonMS/my-cards/tree/main
Decluttering Card: github.com/custom-cards/decluttering-card
🕹️Some of the Tech I use:
Intel NUC for Home Assistant: amzn.to/4j2XPbH
Sonoff Motion Sensors: amzn.to/3DLmfpY
MOES scene switch: amzn.to/3BNE1Zf
Hue LED bulbs: amzn.to/3BXdpVD
Indoor AIR quality sensors: amzn.to/40n7lzb
Sonos ERA 100 speakers: amzn.to/404Ba63
Reolink Doorbell Camera: amzn.to/408V...
Get the full code on Gumroad:
mysmarthome.gumroad.com/l/cifev
Support the channel:
www.youtube.com/@My_Smart_Home/join
www.buymeacoffee.com/mysmarthomeblog
Links:
Button Card: github.com/custom-cards/button-card
My Slider v2: github.com/AnthonMS/my-cards/tree/main
Decluttering Card: github.com/custom-cards/decluttering-card
🕹️Some of the Tech I use:
Intel NUC for Home Assistant: amzn.to/4j2XPbH
Sonoff Motion Sensors: amzn.to/3DLmfpY
MOES scene switch: amzn.to/3BNE1Zf
Hue LED bulbs: amzn.to/3BXdpVD
Indoor AIR quality sensors: amzn.to/40n7lzb
Sonos ERA 100 speakers: amzn.to/404Ba63
Reolink Doorbell Camera: amzn.to/408V...
Просмотров: 3 956
Видео
Roborock Selective Room Cleaning in Home Assistant
Просмотров 3 тыс.21 день назад
In this video I'll finally show a method to do selective room cleaning with Roborock Vacuums in Home Assistant. This uses booleans so we can toggle on the rooms that we want to clean. Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Script variable 1: variables: room_configs: - name: roomname boolean: input_boolean.booleanname id: 19 Script variable ...
Mini Now Playing Media card for Home Assistant
Просмотров 3,8 тыс.Месяц назад
In this video I'll show you how to create a Now Playing media card in Home Assistant. I got a few questions about this after my previous video, so here it is ;) Get the full code on Gumroad: mysmarthome.gumroad.com/l/sijwnz Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's lear...
Minimalistic Media Controls UPDATE
Просмотров 2,8 тыс.Месяц назад
In this video I'll show some of the updates I've done to the media controls since I posted the last video. I'll also answer some of the common questions I got. Get the full code on Gumroad: mysmarthome.gumroad.com/l/sijwnz Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's learn...
Minimalistic Media Controls in Home Assistant
Просмотров 4,5 тыс.Месяц назад
In this video I'll show you how to create minimalistic media controls in Home Assistant complete with playback control and a volume slider. Get the full code on Gumroad: mysmarthome.gumroad.com/l/sijwnz Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's learn and grow together! ...
Indoor Air Quality sensor in Home Assistant
Просмотров 3,8 тыс.Месяц назад
In this video I'll show you how I have created an indoor air quality index sensor in Home Assistant. I have an AirGradient One that provides various sensors that allows me to combine them into one overall sensor. Get the full code on Gumroad: mysmarthome.gumroad.com/l/kbndh Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask qu...
Make a dumb heater smart(er) with Home Assistant
Просмотров 4 тыс.2 месяца назад
In this video I'll show you how I've made a dumb heater smarter by using a smart plug, a temperature sensor and a contact sensor. Then I'll show how I control this "fake" thermostat from my dashboard. A word of caution. Don't just plug anything into a smart plug. Make sure that the plug is spec'd for the load that you are plugging into it. The plug I use is rated for 16A and I have a wall mount...
Full Weather Dashboard in Home Assistant
Просмотров 7 тыс.2 месяца назад
In this video I'll show you how I have created my full weather dashboard. I've previously created a few videos about weather, but I think it is time to collect it all into one full video tutorial. Especially since HA has been updated to use weather entities in different ways since the first videos. By the way. Some of you may ask about the written weather description I have in the preview in th...
Actionable Notifications using AI in Home Assistant
Просмотров 7 тыс.3 месяца назад
In this video I'll show you how I use AI to create slightly more interesting notifications and alerts for my Smart Home. We can also take this a step further with actionable notifications. Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's learn and grow together! 🕹️Some of the ...
Garbage Collection Card in Home Assistant
Просмотров 8 тыс.3 месяца назад
In this video I'll show you how to create a Garbage Collection Card in Home Assistant. A few have been asking about this so I thought it was time to show how I do it. My main problem with this is that I have four sensors for different garbage types, so I had to find a way to only display the one that are being picked up next. Get the full code on Gumroad: mysmarthome.gumroad.com/l/ipncu Support...
Create Dashboard Tabs in Home Assistant
Просмотров 12 тыс.3 месяца назад
In this video I'll show you how to create dashboard tabs in Home Assistant. I've previously created videos about this, but the methods in those videos has become buggy after recent Home Assistant updates. This technique is much better, and should be future proof as well. Get the full code on Gumroad: mysmarthome.gumroad.com/l/tpspw Please consider becoming a member of the channel to get access ...
Quick channel update
Просмотров 2,4 тыс.4 месяца назад
I just wanted to do a quick channel update telling you about the new Discord server. Support the channel: www.youtube.com/@My_Smart_Home/join www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's learn and grow together! 🕹️Some of the Tech I use: Intel NUC for Home Assistant: amzn.to/4j2XPbH Sonoff Motion Sensors: amzn.to/3DLmfpY MOES sc...
Switch Zigbee coordinator in Zigbee2MQTT without re-pairing devices (SMLight SLZB-06p7)
Просмотров 12 тыс.4 месяца назад
In this video I'll show you how I switched my zigbee coordinator/dongle to the new SMLight SLZB-06p7 coordinator without having to re-pair all my devices. Check out SMLight: smlight.tech/ Support the channel: www.buymeacoffee.com/mysmarthomeblog mysmarthome.gumroad.com/ Feel free to comment, ask questions, and share your own experiences. Let's learn and grow together! 🕹️Some of the Tech I use: ...
Scrollable Chip Cards UPDATE
Просмотров 3,5 тыс.4 месяца назад
In this video I'll show you some updates I've done to the scrollable Chip Cards that I made in the previous video. Get the full code on Gumroad: mysmarthome.gumroad.com/l/pmcww Support the channel: www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own experiences. Let's learn and grow together! Links: github.com/jcwillox/lovelace-paper-buttons-row Create C...
Create Scrollable Chip Cards in Home Assistant
Просмотров 8 тыс.4 месяца назад
In this video I'll show you how to create a row of scrollable Chip Cards for your Home Assistant dashboards. With this neat trick you could fit a bunch more information without taking up a lot of dashboard real estate. Get the full code on Gumroad: mysmarthome.gumroad.com/l/pmcww Support the channel: www.buymeacoffee.com/mysmarthomeblog Feel free to comment, ask questions, and share your own ex...
My full Home Assistant mobile dashboard (with code and custom theme)
Просмотров 22 тыс.5 месяцев назад
My full Home Assistant mobile dashboard (with code and custom theme)
Sensor Card with Scrolling text in Home Assistant
Просмотров 6 тыс.6 месяцев назад
Sensor Card with Scrolling text in Home Assistant
Washing Machine card in Home Assistant (new version)
Просмотров 13 тыс.7 месяцев назад
Washing Machine card in Home Assistant (new version)
Room Header Cards in Home Assistant
Просмотров 7 тыс.7 месяцев назад
Room Header Cards in Home Assistant
Colorful Light Sliders in Home Assistant
Просмотров 7 тыс.7 месяцев назад
Colorful Light Sliders in Home Assistant
How I setup my Automations and Holiday Mode in Home Assistant
Просмотров 7 тыс.8 месяцев назад
How I setup my Automations and Holiday Mode in Home Assistant
Testing the SONOFF Human Presence Sensor (SNZB-06P)
Просмотров 12 тыс.8 месяцев назад
Testing the SONOFF Human Presence Sensor (SNZB-06P)
Minimalist Thermostat Card in Home Assistant
Просмотров 8 тыс.8 месяцев назад
Minimalist Thermostat Card in Home Assistant
Creating a Weather Dashboard in Home Assistant (HA version 2024.4)
Просмотров 10 тыс.9 месяцев назад
Creating a Weather Dashboard in Home Assistant (HA version 2024.4)
Create your own Chip Cards in Home Assistant
Просмотров 10 тыс.9 месяцев назад
Create your own Chip Cards in Home Assistant
Minimalist Room Card and Layout in Home Assistant
Просмотров 13 тыс.9 месяцев назад
Minimalist Room Card and Layout in Home Assistant
Vacuum Dashboard in Home Assistant
Просмотров 9 тыс.9 месяцев назад
Vacuum Dashboard in Home Assistant
NSPanel Pro Dashboard Code Walkthrough
Просмотров 7 тыс.10 месяцев назад
NSPanel Pro Dashboard Code Walkthrough
My NSPanel Pro Home Assistant Dashboard
Просмотров 27 тыс.10 месяцев назад
My NSPanel Pro Home Assistant Dashboard
Create Local Dashboard Tabs in Home Assistant
Просмотров 6 тыс.10 месяцев назад
Create Local Dashboard Tabs in Home Assistant
How did you achieve smooth on/off switching? Theme or maybe some addon? It looks amazing in each of your video.
These are great. Thanks so much. I had a bit of a problem with the progress bar. It didn't seem to catch the variable in the ${}, so I had to create the HTML snippet using concatenation instead. This might help the rest of you with problems with the progress bar: var pct = states['sensor.washing_remain_percent'].state var html = "<div> <div style=" + "\"background: #1679AB; height: 12px; width: " + pct +"% \"> </div> </div>" return html
Never mind. I realized it's not enclosed in single quotes, it's enclosed in that upper left hand symbol. Kind of a backtick thing: '
Thanks really nice ! I'm also interested to know how you made the thermostat (+ and -) work inside your mini-graph-card.
If you want UI for the decluttering-part, you can use streamline-card, its basically decluttering but with gui card-editor (when using the templates though) and is still being maintained
Hey! Is there a way to implement the 'if sun is down/up' conditional icons part into the previous, smaller weather buttoncard? My local weather integration doesn't support nighttime conditions. I have all icons already in place with the _night at the end. How would I put this small addition into the "custom fields: icon: [[[]]]" part? I'm new to all this coding so I have no clue how to do it ;)
for all where the background colour does not change, you have to use :host instead of ha-card and for the background instead of background you have to use --ha-card-background
Great work. Any idea if it would be possible to make variable color progress bar, depending on entity state (on/off) ?
Nice style of all your cards. My complete dashboard on my wallpanel is like this. But I can't figure out, how you get the "Rainfall" to this card. Rest is working. Only this info is missing.
Can you please give me the code for notifying wife of there's a football game on?
I use the espn integration. Then I just have an automation that check if theres a game today, if there is it sends a notification/announcement.
As you mention in the video, I am having some troubles with some custom:button-card not loading at my dashboard home page (I have four of your room cards with several entities on each of them). Have you find any way to mitigate this problem? In my case, it happens way more often with a "sections" home page, but it still happens some times even using the old masonry dashboard.
After three days I’m finally at a point where I can say , it’s usable for me But boy is it worth it - awesome design!
This is great. Works well on sections layout, but when I use panel layout the font's only show in edit mode??? :/
i really like your dashboard and I learn a lot about custom modifications on the UI. 2 things are missing for me: homedashboard where we can see a small portrait of the mainusers and a controlbutton for covers/blinds
I see you are using the same tabs for room management, I was trying to apply as well, but the layout does not work for me, could you share your home dashboard part with the tabs? (FYI: tabs purchased already) Thank you
Ill help you on email. Its just the tabs with paper button row aligned to the right
Another great video, have you shown how to do the top card with the temp and graph in another video?
Hi, its similar to this: ruclips.net/video/sQ4D4N1L0xs/видео.html But I've changed the color and graph height. Also have a thermostat controller, have a video about that too, but I might do a video that combines the two.
0:00 Part 1: Custom slider 1:49 Part 2: Make a slider 4:43 Part 3: Make a template 6:55 Part 4: RGB colors
Cheers! 🍻
Great Video! When I add "hold action" for more info to the button-card the slider dont work.
Same with the toggle action.
great, the old buttons broke so this came just at the right time. did you move away from the paper-buttons-row card for tabs inside the room pop-ups?
Less is more. I still have it where its nessissary, dont need it for the popup I show here.
How did you quick select the whole section of code 4:57
Go into the full editor (arrow), click into the editor and hit Ctrl+a
Good video, i had to do some tweaking as my end result didnt look good as yours did at the end but i did some tweaking and got it looking right, just gotta figure out card-mod
Card mod can be tricky for sure. I found this: matt8707.github.io/card-mod-helper/ Might help if you want to do really custom stuff.
Hey! Love your work - getting inspiration from every single video! Where can i buy your custom theme? Thank you!
Hi, its here: github.com/my-smart-home-yt/MySmartHome-Theme/blob/main/mysmarthome.yaml
You should make a HACS plugin where you release all these cards, I'd pay for access to that
Yeah if I only knew where to start
why wont you add the slider card to the custom field of the button card, is there an advantage doing it this way?
I guess that could work, did you have a go? You would need to add z-index to all the elements (icon, name) instead of the overall card
very nice! love the custom dashboard element deep dives 👍🏽
Cheers! :)
Can you make a video when you show your whole home assistant setup and/or smart devices that you are using?
Have one thats 6 months old, but will be making a new one soon as well.
Great job as always! Thank you , this is amazing!
Cheers! :)
Great video again.
Thanks :)
I have issue. I bought the thing but this styling doesn't work: type: custom:mushroom-chips-card chips: - type: template tap_action: action: toggle icon: mdi:lamp entity: light.kanapa card_mod: style: | ha-card { --chip-background: {{ 'rgba(138, 205, 215, 1)' if is_state('light.stol', 'on') else 'rgba(138, 205, 215, 0.3)' }}; padding: 5px!important; border-radius: 100px!important; } the chip is not changing style at all. Can you help?
I think it might be the recent card mod update? if you updated could you roll back and test if that fixes it?
I'm having same issue. I had to update my HA to install card-mod. I've cleared my cache and still to no avail
@@My_Smart_Home downgraded to lower version of card mod and it works. How toake this gray background?
In my case sensor has been created but... days are not available.. sure it's not defined... So here is the question how to setup the date? In my case it's every Tuesday 7 AM
So its a fixed time every week? Do you really need a reminder? This will count days until tuesday, edit first line if its not correct for you. {% set target_day = 1 %} {# Tuesday is 1 #} {% set current_day = now().weekday() %} {% if current_day == target_day %} 0 {% else %} {{ ((target_day - current_day) + 7) % 7 }} {% endif %} AI is great for this kind of stuff.
For sure one of the best RUclips Channels to have HA with one amazing Design. ;) I was using your Advanced room card, and today "card-mod 3" was updated. I lost the chip background color in all the cards. I can't get why.... When you have a free minute, if you could take a look was really nice. Thank you and Congrats. ;)
Version 3.5.0 was removed for now... Redownload version 3.4.4 put all back as it was.
Cheers for letting us know! I will soon start working on a version of this that doesnt use Mushroom or card-mod
With the new firmware : are not required for the IEEE address and the 0x is also needed. My flashed and worked perfect. Thanks for this tutorial.
Purchased the product but: How and where to save the icons is tricky.... you provide just a names of images, but I have no idea which name aligned to icons.
Hey, In the download there should be a jpg that list all the icon names, thats how I have them named. The icon names need to match what your weather integration provides for the current, or todays, condition. Send me an email if you have problems, much easier to help when we can send screenshots etc
Love this, been putting off doing it but glad I done it now. I've tweaked it a bit to my liking and this is all down to the teachings from your videos, love them and keep them up
Cheers! Really happy you like it!
Greetings, Trying to set it up and stuck with weather icons. I see a path on source code: xxx:8123/local/ic/weather_icons/partlycloudy.svg but always have 404 error or page can't be found. in www folder I have created the folder "ic" and inside the folder "weather_icons" but for some reason still have this issue.
For some reason it works when path is /ic/weather/xxx and not /ic/wather_icons/xxx
I bought the code from gumroad. But I didnt get it to work. To all others with very little coding experience or none / not working as a software developer - this is just not as easy as it looks. The code in the file does not match up with the starting point in HA. The start of the video moves forward extremely fast making it difficult to keep up with the different required steps. I was hoping this was an easy way to get a nice looking HA dashboard, copy the code - drop it in the code editor, add a few lines with your specific names and sensor entities and you are up and running in 10 minutes.... I love to support these initiatives but I would just hope the chances for succes was better. I believe this was the intention too. But it kinda fails when the steps and processes does are not alike. Then you just end up really confused and you just give up.
Hey, send me an email and I'll help you set it up. You will have to do some editing tho, not everyones home is the same and people have different devices, entities, needs. But I'm happy to help :) Ive even done Team Viewer sessions with people to help set things up.
That Will be a fantastic service and help let me come back to you on that asap.
I came across your website today and found that you have developed some interesting tools for HomeAssistant. I would like to purchase some of them. Unfortunately, the only payment option listed is credit card. Unfortunately, I cannot use this for payment. Is there another way to pay? I would be interested in: - Advanced Room Card in Home Assistant - Home Assistant Room Card - Animated weather card in Home Assistant - Room Header Cards in Home Assistant - Minimalistic Media Controller in Home Assistant Thank you PS is translated by Google (I live in Germany)
Why not use color_thresholds to create a color gradient that visually represents the room temperature? It adds a cool intuitive touch-like deep blue for cold and fiery red for hot! 🔥❄ Thanks for the awesome videos! 😊
Hello- this card has been my inspiration since you put this video out! Recently, I’ve had an issue with my dashboard “sticking”, where it does not load in the center and is almost “off page” of my screen when pulling up my dashboard. It typically self fixes if I refresh it a 2 or 3 times. Do you have any idea what this issue could be a result of?
Hey. That sounds a bit weird. Have you updated any of the cards installed from HACS maybe? maybe mod-card is causing issues?
Brilliant! So, can you now please create a complete vacuum card walkthrough? I'd be more than happy to get access to the (updated ) code on gumroad..!
Just made this. Thank you so much, love watching your videos! An idea to implement, is the option to choose whether you want to vacuum only, wash floors only or do both.
Cheers! Yeah that sounds like a good idea.
Amazing video and I bought your code. After applying my own entities the style is not applied (e.g. background color). The other stuff is working fine. What could be the issue? - type: template icon: mdi:lamp tap_action: action: toggle entity: light.overloop_light_dimmer card_mod: style: | ha-card { --chip-background: {{ 'green' if is_state('light.overloop_light_dimmer', 'on') else 'red' }}; padding: 5px!important; border-radius: 100px!important; }
Nevermind, card mod was not installed properly 😅
Thanks for sharing! How can I change the outline color to match my other cards? Your is lighter and I'm using darker one.
If you use a theme you might have to use the color variables from that theme?
Any troubleshooting tips? After following this I get error while starting zigbee-herdsman
Is there any workaround for a button that turns on a script to stay colored yellow just like the normal switch buttons? Can't figure it out :D, I understand that there is no trackable state in a script but there surely is a workaround isn't it? :D
Use a input boolean? Then in the script you could turn that on and off as well?
Thank you for posting this - it was super easy to follow (especially since you put the code in the description). Worked perfectly the first try! I'm going to try using the "Cleaning" binary sensor to determine when to turn off the input booleans since the "Docked" and "Returning to Dock" states get triggered when it returns to wash the mop.
Yeah I didn't think about that. I dont have a vacuum that self cleans. Let me know if you find a solution :)
Can vouch for this solution - the cleaning binary sensor is the way to go. its "on" when its doing a scheduled clean and "off" when its completed the rooms it was told to go to clean.
@@rmoh6630 I'm glad that works for you too! I meant to come back here and provide an update but got busy with the holidays :) I love the quick controls!!
@@rmoh6630 That sounds like a good solution. I've completely missed the cleaning binary sensor, seems handy. I guess you could just use a "wait for trigger" action and add the entity state as a trigger. Kinda like this: wait_for_trigger: - trigger: state entity_id: - binary_sensor.vacuum_cleaning from: "on" to: "off" continue_on_timeout: true timeout: hours: 1 minutes: 0 seconds: 0 milliseconds: 0
Thank you for the video, everything is very well explained, and it looks great. I have a question: How can I make it so that clicking on one of the buttons in the sticky bar closes the popup if it is already open?
Dont think thats possible sorry. Maybe bubble card has a feature like this, but I'm not sure.
Looks really good! It looks perfect on my dekstop, but in my phone app it looks like it doesnt cover the entire card, a gray line on top and on the left is showing slightly. I will try to tweak it a bit and see if something works. But overall great video!
Hi, you're very good and very inspiring. I'm encountering an error when using the popup with the Bubble Card and Big Slider Card. Basically, when I open the popup for the first time, the Big Slider doesn't work. After I try to slide, the light turns off and then starts working again. Have you ever encountered this issue?