Sorry if there already a pages for this maybe someone can share it? Would like to see what other people are working on their frontend (getting some inspirations)
I don’t know if you are searching for something of specific, but I just did some Screenshots for a friend of mine so… why not sharing here too? 
WOW… a very nice code… maybe you can share it?
what mods used to change the top tab?
If you mean the Header, you can use Custom Header
But, if you mean those buttons:
It’s just some customization of Custom Lovelace Card - Homekit style card.
You can find this coding in every page:
- enableColumns: true
home: true
masonry: true
rows:
- columns:
- column: 1
entities:
- entities:
- custom: overview
halfheight: true
icon: 'mdi:home-roof'
name: Home
tap_action:
action: navigate
navigation_path: /lovelace/overview
cardStyle: |
'--paper-item-icon-color':#4dff4d;
- custom: home
halfheight: true
icon: 'mdi:floor-plan'
name: Rooms
tap_action:
action: navigate
navigation_path: /lovelace/home
- custom: media
halfheight: true
icon: 'mdi:youtube-tv'
name: Media
tap_action:
action: navigate
navigation_path: /lovelace/media
- custom: Remote
halfheight: true
icon: 'mdi:remote'
name: Remote
tap_action:
action: navigate
navigation_path: /lovelace/lg
- custom: System
halfheight: true
icon: 'mdi:server'
name: System
tap_action:
action: navigate
navigation_path: /lovelace/system
- custom: devices
halfheight: true
icon: 'mdi:cogs'
name: Devices
tap_action:
action: navigate
navigation_path: /lovelace/devices
title: ''
tileOnRow: 6
row: 1
Again awesome design… thanks bro
Thank you mate 