WidgetCraftGet the appAesthetic styles
Neon widgets for Android
Glowing pink and cyan outlines on near-black. Neon widgets imitate glowing tube signs: bright pink, cyan or lime outlines on a very dark ground with a soft halo. They are striking at night and pair well with dark wallpapers.
Also known as: neon sign widgets, glow widgets, neon aesthetic widgets.
Neon widget recipes
Each recipe has a preview, exact colors and layer-by-layer steps.
Neon clock widgetFree to build
Neon analog clock widgetFree to build
Neon calendar widgetData needs Pro
Neon battery widgetFree to build
Neon countdown widgetFree to build
Neon to-do list widgetFree to build
Neon photo widgetFree to build
Neon quote widgetFree to build
Neon music widgetData needs Pro
Neon year progress widgetFree to build
Neon step counter widgetData needs Pro
Neon habit tracker widgetFree to build
Neon sticky note widgetFree to build
Neon world clock widgetFree to build
Neon date widgetFree to buildThe neon palette
- Night
#0B0714Background - Deep violet
#170D2BSurface and tracks - Hot pink
#FF4FD8Text - Dusk grey
#8F7FB3Labels - Cyan
#31E8FFAccent
Design rules
- Text: Color text in one neon tone and keep labels in a dim violet grey.
- Numbers: Make the number the brightest thing in the widget and add a shadow in the same color for glow.
- Bars and rings: Use outlined bars and rings; fill only the progress part in the second neon color.
- Photos: Use night photos with city lights, and add a thin neon outline.
- Lists: Use a small glowing dot per row and dim finished rows.
Do
- Add a shadow in the same color as the text with radius 8 to 12 for glow.
- Use two neon colors at most.
Avoid
- Do not put neon on light backgrounds.
- Do not fill large areas with neon color; outlines glow better.
Wallpaper and icons
Black, deep purple or a night city photo.
Neon outline icon packs, or white glyphs.
Questions
What colors suit neon widgets?
Start with Night (#0B0714) for the background, Hot pink (#FF4FD8) for text and Cyan (#31E8FF) as the accent.
Which font works for neon widgets?
Use Tilt Neon (import the font file), or the built-in Sans, at weight 600 with labels in capitals.
Does WidgetCraft have neon widgets ready to use?
There is no ready-made neon 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.