How to make Transparent Widgets on iPhone

Haneet Singh

[{"selector":"#anim-9e262596-e694-4a87-bf9b-e9e995390a91","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-728c443b-644d-49f2-9c00-8901c2369671","keyframes":{"transform":["translate3d(-117.85714%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9bf116c0-3a04-424e-b7e9-b418832d496c","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ab062be5-a5da-4de4-ba29-c30cc0c0a222","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Want to know the way to add a transparent widget on your iPhone's home screen? Here's the easiest way to add an empty space widget on iPhone's home screen.

[{"selector":"#anim-868695b1-0b49-4417-adde-97730dd069da","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6814cf85-172f-4ae9-bb20-a1b16ac0b0c4","keyframes":{"transform":["translate3d(0px, 160.90015%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] IMG: Unsplash

At first, you need to download an app, called, MD Blank - Transparent widget. It's available on the App Store.

[{"selector":"#anim-a9c01e26-622f-41e6-966e-3ae1271d58bd","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ad54cb3-d4fa-41d6-861b-48034a947ccd","keyframes":{"transform":["translate3d(0px, 167.83622%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a5af0d5-4d77-4d2d-86bb-26eeee55e25f","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24c52621-bcca-433c-b879-64a1dea502a3","keyframes":{"transform":["translate3d(0px, 727.62708%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-280419e7-149d-4d18-a5ad-6c387d6047bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b59ff31f-f9b7-4fab-8ee6-da0cef98a9f4","keyframes":{"transform":["translate3d(0px, 14011.30956%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Video Courtesy: YTECHB.com

Take a screenshot of empty page. Tap and hold on empty area, when iPhone is in jiggle mode take screenshot by pressing power button and volume up simultaneously.

[{"selector":"#anim-9074febc-87f9-468a-b65f-1f56a306df8a","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-000416b8-a559-46bc-97be-e56e4cdff5ee","keyframes":{"transform":["translate3d(0px, 149.04421%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Video Courtesy: YTECHB.com

Now open the MD Blank widget app and add the screenshot you captured in the last page. You can set image for both light and dark modes.

[{"selector":"#anim-30d8455c-d847-4092-8ab4-3e9a62fab8aa","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-73fd7955-3984-4137-ae14-c6e1862f3e38","keyframes":{"transform":["translate3d(0px, 157.73560%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Video Courtesy: YTECHB.com

Now add a medium size MD Blank widget on the home screen. To add a widget tap and hold on an empty area of screen and then tap on "+" icon from top left corner.

[{"selector":"#anim-3d31b408-2ee2-4a7d-bb6c-44145baffb0b","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8f3637e-5b8e-49b9-9301-1fe5527be49d","keyframes":{"transform":["translate3d(0px, 157.73560%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Video Courtesy: YTECHB.com

By default, the widget picks the top area, you need to change it to middle. Tap and hold on widget, then Edit widget > change V-Pos to Mid.

[{"selector":"#anim-5d524a24-962c-4d34-9c06-467a35df2ae2","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e8289607-3ec1-4efa-a5d3-a3c3960ece02","keyframes":{"transform":["translate3d(0px, 157.73560%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Video Courtesy: YTECHB.com

Now you can easily change icons on your iPhone, if you're also looking for some new wallpapers, then you can tap on below button.

[{"selector":"#anim-3f28a97e-6408-4d7d-bfd4-82fade817f63","keyframes":{"opacity":[0,1]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb29bdc7-5d03-4dff-8bc2-40b542bb728f","keyframes":{"transform":["translate3d(0px, 259.25928%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] IMG: YTECHB.com

Want to explore more stories on Tech?

[{"selector":"#anim-e4167443-cb89-48bd-8d26-b597acc29418","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Haneet Singh