WidgetCraftGet the appAesthetic styles
Cyberpunk widgets for Android
Yellow and cyan interface panels with angular, technical type. Cyberpunk widgets look like a readout from a science-fiction interface: acid yellow on black, cyan data lines, capital labels with codes and numbers, and sharp angled panels.
Also known as: futuristic widgets, sci-fi widgets, hud widgets, tech widgets.
Cyberpunk widget recipes
Each recipe has a preview, exact colors and layer-by-layer steps.
Cyberpunk clock widgetFree to build
Cyberpunk analog clock widgetFree to build
Cyberpunk calendar widgetData needs Pro
Cyberpunk battery widgetFree to build
Cyberpunk countdown widgetFree to build
Cyberpunk to-do list widgetFree to build
Cyberpunk photo widgetFree to build
Cyberpunk quote widgetFree to build
Cyberpunk music widgetData needs Pro
Cyberpunk year progress widgetFree to build
Cyberpunk step counter widgetData needs Pro
Cyberpunk habit tracker widgetFree to build
Cyberpunk sticky note widgetFree to build
Cyberpunk world clock widgetFree to build
Cyberpunk date widgetFree to buildThe cyberpunk palette
- Void
#0A0A0CBackground - Carbon
#16161ASurface and tracks - Acid yellow
#FCEE0AText - Steel
#7C7C86Labels - Cyan
#00F0FFAccent
Design rules
- Text: Write labels as short codes in capitals, for example SYS or PWR, with wide spacing.
- Numbers: Show numbers in yellow with a small cyan unit label beside them.
- Bars and rings: Use segmented bars and thin cyan lines as if they were data readouts.
- Photos: Tint photos toward cyan or magenta and frame them with a thin yellow line.
- Lists: Prefix each row with a two-digit index such as 01, 02, 03.
Do
- Keep corners sharp and add one thin accent line.
- Use yellow for values and cyan for structure.
Avoid
- Do not use soft rounded fonts.
- Do not use more than three colors.
Wallpaper and icons
A dark city-at-night photo or plain black.
Angular line icons in yellow or cyan.
Questions
What colors suit cyberpunk widgets?
Start with Void (#0A0A0C) for the background, Acid yellow (#FCEE0A) for text and Cyan (#00F0FF) as the accent.
Which font works for cyberpunk widgets?
Use Orbitron (import the font file), or the built-in Mono, at weight 700 with labels in capitals.
Does WidgetCraft have cyberpunk widgets ready to use?
There is no ready-made cyberpunk pack at the moment. Each recipe on this page lists the exact settings to build one in a few minutes, and most use only free features.