Create Custom Widgets on iPhone Using Widgetsmith

The Widgetsmith app lets you create widgets for display time, date, calendar, reminders, weather, health stats, tides, astronomy, and photos. Each widget can be customized in small, medium, and large sizes. Weather and tides sections are part of the paid $1.99/month subscription.

The process for customizing the widget is the same, so for this example, we are going to customize a Day and Date widget with custom fonts and colors.

To get started, open the Widgetsmith app and go to Settings > Permissions. Here, grant permissions for features that you want to use (Reminders, Calendar, or Photos app).

Now, go to the “My Widgets” tab and tap the “Add (Size) Widget” for the size of the widget you want to create. In this example, we will create a Medium widget. Once it’s created, tap on the widget.

Now, tap the widget preview.

In the “Style” tab, you can see all the different styles for date widgets. Pick a style here. We’re going with the “Day & Date” option.

Now, tap the “Font” option. We’re going with “SF Mono” here to give the widget a retro look.

Next up, go to the “Tint Color” section, and choose an accent color. We’re going with “Red” here, but you can choose between a dozen options.

Lastly, go to the “Background Color” section. Here, the default option is Black. You can stick to it if you are using an OLED iPhone with a pure black background. It will make your widget look like it’s floating on the screen. For this example, we’re going with the 90 percent option.

You can scroll down and choose a border as well. We’re going to skip that for now.

Hit the Back button and rename the widget so that it’s recognizable. We’re going with a simple “Red Date” title. Tap the “Save” button to save the name and then select “Save” once more to save the widget. The widget is now created.

To add the widget, go to your iPhone’s home screen and press and hold on an empty part of the screen to enter Jiggle mode. Here, tap the “+” button in the top-left corner.

Select the Widgetsmith app from the list of widgets.

Now, scroll over to the Medium widget and tap the “Add Widget” button.

As this was the most recently-created widget, you should see the Red Date widget here. If it’s not, you can tap on the widget for options.

Here, choose the “Widget” option.

From the list, select the custom widget you just created.

Now, swipe up from the Home bar or press the Home button to exit the home screen editing view.

And that’s it, you have just created and added an awesome-looking widget to your iPhone home screen. You can go back to the Widgetsmith app to create more widgets.

 

(Image source: 9to5mac)

How to use widgetsmith to beautify iOS 14 home screen

How to use widgetsmith is relatively easy. Here are the steps:

• First, please download the Widgetsmith application first on the AppStore. Here is the link: download link.
• If the application is already installed, please open it. In the application, you will design the widget. As we explained earlier, you can customize the font, tint color, and background color.
• After designing the widget in the Widgetsmith application, please return to the home screen or homepage. Touch the screen and hold it for long. Select the "+" icon on the top left of the screen. Select Widgetsmith, then also select the size of the widget that will be placed on the home screen or home screen.
• After the user adds the Widgetsmith size to the home screen, long press, select "Edit Widget" and select the "Widget" option to choose from several designs that you created in the Widgetsmith app.
• On the home screen, you can add as many Widgetsmith widgets as you want. Users can also display all widgets on the home screen from Smith Widgets.

 

Hands-on: Widgetsmith for iOS 14 home screen widgets

In the Widgetsmith app on your iPhone, there are three different widget sizes to choose from: small, medium, and large. Each widget can display a variety of information and be customized with different font styles and colors, tint colors, and background colors.

The process is incredibly straightforward. You simply click the “Add” button for the size of widget you want to create, then tap on the widget to customize it.

The first decision you have to make is what sort of information you want the widget to display on your home screen. Here are the data sources available in Widgetsmith:

• Time
• Date
• Custom: Photo, Photos in Album, Custom Text, Blank
• Calendar
• Reminders
• Weather
• Health & Activity
• Tides
• Astronomy

Within each data type, there are a variety of different options for displaying whatever data type you’ve picked. From there, you have additional customization options including the font style, tint color, and background color. The result can be as colorful and aesthetically pleasing or as information-dense as you so desire.

Once you’ve designed the iOS 14 home screen widget in the Widgetsmith app, you can head back to your home screen, long-press to entire jiggle mode, then tap the “+” icon in the upper-left corner. Look for Widgetsmith in the list of apps, then choose the size of the widget you created.

A handful of iOS 14 home screen screenshots I’ve been sent by friends and family since iOS 14 was released:

On your iOS 14 home screen, you can use as many widgets from Widgetsmith as you’d like. Once you add the Widgetsmith size to your home screen, long-press, choose “Edit Widget” and choose the “Widget” option to pick from the multiple designs you created in the Widgetsmith app. In fact, every widget on your iOS 14 home screen could come from Widgetsmith if you wanted.

Widgetsmith also supports timed widgets, which allow you to replace the widget on your home screen at a specific time of day. For example, you can display the current date until after the workday is over, then have Widgetsmith automatically change widgets to show you what’s on your calendar for the next day.

 

More Ideas

The wide range of options in Widgetsmith affords you the flexibility to make home screens as you see fit. Below are some ideas for widget combinations for different themes in Widgetsmith, but the choice is yours.

• Sports: Activity Bar, Step Count, and Precipitation %.
• Productivity: Upcoming Calendar Events, Calendar Month, Outlook, and Reminders.
• Photography: Weather Conditions, Sunrise and Sunset, and Photos in Album.
• Sailing: Tide Graph, Tide Clock, and Sunrise and Sunset.
• Astronomy: Moon Phase, Starfield, Sunrise and Sunset, and Wealther Conditions.

The app comes with three calendar widgets pre-set, and you should add one of the three sizes to your home screen. It does not matter whether you do this before or after customizing your widgets in the app. To learn how you can add a widget to your home screen, see our in-depth guide.

 

How to Customize Widget Font and Colors

1. Under Style, scroll through the list and select the widget of your choice.
2. Select the Font bar toward the bottom of the screen. Note that depending on the widget you chose, the option bars may be different.
3. Under Font, scroll through the list and select a font.
4. Select the Tint Color bar toward the bottom of the screen. Again, your option bars may be slightly different.
5. Under Tint Color, scroll through the list and select a tint.
6. Select the Background Color bar toward the bottom of the screen.
7. Under Background Color, scroll through the list and select a background color.




8. Tap the back arrow in the top left corner.
9. Tap Save.
10. Return to the home screen.

 

How to Set up a Basic Widgetsmith Widget

The following steps outline how to create widgets with Widgetsmith. Although you may wish to create a different widget, the process is largely the same, with slightly different visual options offered at each stage of the process.

Before following these steps, download the Widgetsmith from the App Store.

1. Open the Widgetsmith app.
2. Choose whether you want to make a Small Widget, Medium Widget, or Large Widget. To make a brand new widget in addition to the preset calendar widget, select Add... Widget for your chosen size. In this case, we are editing the preset calendar widget. To change the preset calendar widget of your chosen size, select it.
3. Select Default Widget. To make the widget appear at a scheduled time, simply tap Timed Widget instead of Default Widget.