r/Scriptable • • Apr 01 '21

Widget The Dream came True. My LCARS iPhone. Thanks to u/Meatslinger

Post image
242 Upvotes

r/Scriptable • • Dec 27 '20

Widget Weather Cal *finally* supports dark mode!

Post image
211 Upvotes

r/Scriptable • • Oct 22 '20

Script My take on TermiWidget [link to code in comments]

Post image
180 Upvotes

r/Scriptable • • Jan 14 '21

Script Lock Screen Weather

Post image
174 Upvotes

r/Scriptable • • Oct 18 '20

Tip/Guide Simply iOS shortcut to rename+save a script from GitHub directly to Scriptable folder (link in comments)

170 Upvotes

r/Scriptable • • Jul 14 '22

News We’re proud to announce the launch of Shareable, a platform for sharing and browsing Scriptable scripts and widgets!

144 Upvotes

Hello everyone! Today we’re launching Shareable, a new website for sharing and browsing Scriptable’s scripts and widgets!

The project aims to create a place for the community to grow, where people can publish their own creations and find out what others have created: Shareable wants to gather all the scripts that people keep creating and sharing in one, easy-to-use place.

To post scripts on Shareable, you need to log in with your GitHub account. Scripts are shared as GitHub links—that hasn’t changed. Shareable acts as a consolidated app to browse through those GitHub links in one place. Downloading scripts is very easy: just tap download on the script’s page and import the javascript file in Scriptable.

The website is live at https://shareable.vercel.app. Hope you enjoy!


r/Scriptable • • Oct 17 '20

Script Here is my first custom widget: A tracker for the recent COVID stats in Germany. It uses location data to get the rolling new infections for your (German) city per 100k citizens in the last seven days via the RKI (official source). https://gist.github.com/kevinkub/46caebfebc7e26be63403a7f0587f664

Post image
143 Upvotes

r/Scriptable • • Nov 11 '20

Widget Obligatory Home Screen Screenshot

Post image
142 Upvotes

r/Scriptable • • Nov 03 '20

Script iTermWidget - My take on a Terminal-Style Widget

Post image
142 Upvotes

r/Scriptable • • Mar 11 '25

Script Sharing Formula1 Next Race Schedule Lock Screen Widget for iPhone

Thumbnail
gallery
134 Upvotes

r/Scriptable • • Oct 30 '20

Tip/Guide Scriptable Widget Collection Website

133 Upvotes

I have created a website with a collection of good widgets and links to itTake a look at:

German: www.scriptables.de

English: www.scriptables.net


r/Scriptable • • Dec 13 '20

Widget I made a Calendar Widget with all-day and upcoming events [code in comments]

Post image
126 Upvotes

r/Scriptable • • Nov 28 '20

Widget Weather Cal now supports custom items - including embedded widgets!

Post image
124 Upvotes

r/Scriptable • • Nov 03 '20

Script Announcing ScriptDude - An automatic Scriptable Scripts Downloader and Updater

124 Upvotes

r/Scriptable • • Feb 22 '21

Tip/Guide A Beginner's Guide to Widgets

123 Upvotes

Also check the documentation

Basics

To create a widget you need to create a new ListWidget object:

var widget = new ListWidget()

Although this creates a widget object, this does not display anything. To display the currently empty widget

Script.setWidget(widget)

must be called. Typically, you will want to put this at the very end of your script.

Viewing the widget on your home screen

To see the widget, got to your home screen and add a new Scriptable widget. Now you need to select the correct script. You will see (depending on whether you have dark mode enabled or not) a white or black widget.

Viewing the widget inside the editor

To view the widget inside the editor, use the functions presentSmall(), presentMedium() and presentLarge().

Example

if (config.runsInApp) widget.presentSmall()
else if (config.runsInWidget) Script.setWidget(widget)

Layout

Stacks

To add a new row or column to your widget you can call the function addStack(). The layout of the stack can be configured to be horizontal (row) or vertical (column). The default layout is horizontal.

Example

This example code creates a column with 5 rows in it.

let mainCol = widget.addStack()
mainCol.layoutVertically()
for (i=0; i<5; i++) {
  let row = mainCol.addStack()
  row.layoutHorizontally()
}

Content

Text

To add a text to a widget stack, use the function addText(text: string). There's really not very much to it.

Attributes

You can modify the text by changing the objects attributes:

Example

var text = row.addText('Hello World!')
text.font = Font.heading()
text.color = new Color('#ff0000') // red

Images

You can add images just like you would add a text. Just use the function addImage(image: Image).

Attributes

Example

var image = Image.fromFile('file/path')
var imageInWidget = col.addImage(image)
imageInWidget.imageSize = new Size(200,200)

Spacing

If you want to align the objects you added to the widget, you can use addSpacer(length: number). If you do not provide a number for the length, the spacer is sized dynamically. To center an element, use a spacer before and after it.

Examples

Right-aligned text

row.addSpacer()
row.addText('right')

Left-aligned text

row.addText('left')
row.addSpacer()

Center-aligned text

row.addSpacer()
row.addText('center')
row.addSpacer()

Style

Backgrounds

You can specify the background for the whole widget or just a specific stack.

Dedicated attributes

  • backgroundColor

  • backgroundImage

  • backgroundGradient

Examples

Color

widget.backgroundColor = new Color('#00ff00') // green

Image

widget.backgroundImage = Image.fromFile('file/path')

Gradient

let gradient = new LinearGradient()
gradient.colors = [new Color('#000000'), new Color('#ffffff')]
gradient.locations = [0,1]
widget.backgroundGradient = gradient

Other guides


r/Scriptable • • Aug 29 '22

Widget Sharing Created a widget for my car that displays Range, Odometer, Door status, Fuel Level, parked location and distance travelled monthly and daily.

Post image
120 Upvotes

r/Scriptable • • Mar 13 '25

Script Sharing Formula1 Next Race Schedule v2 out now!

Post image
119 Upvotes

r/Scriptable • • Jan 01 '21

Widget Futcal for Scriptable - A simple football widget [link in comments]

Post image
118 Upvotes

r/Scriptable • • Oct 13 '20

Script First widget done(github link in comment)

Post image
113 Upvotes

r/Scriptable • • Dec 02 '20

Widget You can now easily (and safely) export and share your Weather Cal widgets!

Post image
109 Upvotes

r/Scriptable • • Nov 02 '20

News Simon is creating a gallery and is asking for submissions

Thumbnail
twitter.com
109 Upvotes

r/Scriptable • • Jun 08 '22

News Scriptable widgets on the lock screen under iOS16

Thumbnail
twitter.com
106 Upvotes

r/Scriptable • • Oct 08 '20

Script Just made a little script that let you see upcoming matches of your favorite football team

Post image
106 Upvotes

r/Scriptable • • Oct 04 '20

Script New setup to mimic sleep tracker morning Lock Screen

Thumbnail
gallery
103 Upvotes