LibraryStarter Home (Free)
FREElayout
Starter Home (Free)
A free, ready-made home screen: personalized welcome via User().FullName, three navigation cards with icons and a hover state, wired with TODO navigation stubs. The fastest way to feel what PowerBlocks real screens are like — then upgrade for the CRUD, wizard, kanban and more.
Palette:
Original palette · works in every Power Apps locale
Paste directly into Power Apps Studio
Welcome back, Sofiane 👋
What would you like to do today?
●Browse records
●New request
●Settings
YAML source
# Starter Home — PowerBlocks (FREE Screen, real controls)
# A simple home screen to start any app. Wire each card's OnSelect to your screens.
- StarterHome:
Control: GroupContainer
Variant: ManualLayout
Properties:
X: =0
Y: =0
Width: =Parent.Width
Height: =Parent.Height
Fill: =RGBA(10, 10, 10, 1)
Children:
- ShWelcome:
Control: Label
Properties:
Text: ="Welcome back, " & Coalesce(User().FullName, "there") & " 👋"
X: =40
Y: =40
Width: =Parent.Width - 80
Height: =40
Color: =RGBA(255, 255, 255, 1)
Size: =22
FontWeight: =FontWeight.Bold
- ShSubtitle:
Control: Label
Properties:
Text: ="What would you like to do today?"
X: =40
Y: =84
Width: =Parent.Width - 80
Height: =26
Color: =RGBA(156, 163, 175, 1)
Size: =13
- ShCard1:
Control: GroupContainer
Variant: ManualLayout
Properties:
X: =40
Y: =140
Width: =(Parent.Width - 128) / 3
Height: =150
Fill: =RGBA(23, 23, 23, 1)
BorderColor: =RGBA(64, 64, 64, 1)
BorderThickness: =1
RadiusTopLeft: =16
RadiusTopRight: =16
RadiusBottomLeft: =16
RadiusBottomRight: =16
DropShadow: =DropShadow.None
Children:
- ShCard1Icon:
Control: Classic/Icon
Properties:
Icon: =Icon.DetailList
X: =20
Y: =20
Width: =28
Height: =28
Color: =RGBA(37, 99, 235, 1)
- ShCard1Title:
Control: Label
Properties:
Text: ="Browse records"
X: =20
Y: =60
Width: =Parent.Width - 40
Height: =26
Color: =RGBA(255, 255, 255, 1)
Size: =14
FontWeight: =FontWeight.Semibold
- ShCard1Sub:
Control: Label
Properties:
Text: ="Search and open your data"
X: =20
Y: =88
Width: =Parent.Width - 40
Height: =40
Color: =RGBA(156, 163, 175, 1)
Size: =11
- ShCard1Btn:
Control: Classic/Button
Properties:
Text: =""
X: =0
Y: =0
Width: =Parent.Width
Height: =Parent.Height
Fill: =RGBA(0, 0, 0, 0)
HoverFill: =RGBA(255, 255, 255, 0.04)
BorderThickness: =0
OnSelect: |-
=// TODO — replace with your navigation, e.g. Navigate(RecordsScreen, ScreenTransition.Fade)
false
- ShCard2:
Control: GroupContainer
Variant: ManualLayout
Properties:
X: =64 + (Parent.Width - 128) / 3
Y: =140
Width: =(Parent.Width - 128) / 3
Height: =150
Fill: =RGBA(23, 23, 23, 1)
BorderColor: =RGBA(64, 64, 64, 1)
BorderThickness: =1
RadiusTopLeft: =16
RadiusTopRight: =16
RadiusBottomLeft: =16
RadiusBottomRight: =16
DropShadow: =DropShadow.None
Children:
- ShCard2Icon:
Control: Classic/Icon
Properties:
Icon: =Icon.Add
X: =20
Y: =20
Width: =28
Height: =28
Color: =RGBA(34, 197, 94, 1)
- ShCard2Title:
Control: Label
Properties:
Text: ="New request"
X: =20
Y: =60
Width: =Parent.Width - 40
Height: =26
Color: =RGBA(255, 255, 255, 1)
Size: =14
FontWeight: =FontWeight.Semibold
- ShCard2Sub:
Control: Label
Properties:
Text: ="Create a new item in seconds"
X: =20
Y: =88
Width: =Parent.Width - 40
Height: =40
Color: =RGBA(156, 163, 175, 1)
Size: =11
- ShCard2Btn:
Control: Classic/Button
Properties:
Text: =""
X: =0
Y: =0
Width: =Parent.Width
Height: =Parent.Height
Fill: =RGBA(0, 0, 0, 0)
HoverFill: =RGBA(255, 255, 255, 0.04)
BorderThickness: =0
OnSelect: |-
=// TODO — replace with your navigation, e.g. Navigate(NewRequestScreen, ScreenTransition.Fade)
false
- ShCard3:
Control: GroupContainer
Variant: ManualLayout
Properties:
X: =88 + 2 * (Parent.Width - 128) / 3
Y: =140
Width: =(Parent.Width - 128) / 3
Height: =150
Fill: =RGBA(23, 23, 23, 1)
BorderColor: =RGBA(64, 64, 64, 1)
BorderThickness: =1
RadiusTopLeft: =16
RadiusTopRight: =16
RadiusBottomLeft: =16
RadiusBottomRight: =16
DropShadow: =DropShadow.None
Children:
- ShCard3Icon:
Control: Classic/Icon
Properties:
Icon: =Icon.Settings
X: =20
Y: =20
Width: =28
Height: =28
Color: =RGBA(156, 163, 175, 1)
- ShCard3Title:
Control: Label
Properties:
Text: ="Settings"
X: =20
Y: =60
Width: =Parent.Width - 40
Height: =26
Color: =RGBA(255, 255, 255, 1)
Size: =14
FontWeight: =FontWeight.Semibold
- ShCard3Sub:
Control: Label
Properties:
Text: ="Preferences and profile"
X: =20
Y: =88
Width: =Parent.Width - 40
Height: =40
Color: =RGBA(156, 163, 175, 1)
Size: =11
- ShCard3Btn:
Control: Classic/Button
Properties:
Text: =""
X: =0
Y: =0
Width: =Parent.Width
Height: =Parent.Height
Fill: =RGBA(0, 0, 0, 0)
HoverFill: =RGBA(255, 255, 255, 0.04)
BorderThickness: =0
OnSelect: |-
=// TODO — replace with your navigation, e.g. Navigate(SettingsScreen, ScreenTransition.Fade)
false