diff --git a/site/growth.css b/site/growth.css new file mode 100644 index 0000000..0b676df --- /dev/null +++ b/site/growth.css @@ -0,0 +1,37 @@ +.community > .wrap { + display: grid; + grid-template-columns: 1fr auto; + gap: 48px; + align-items: center; +} + +.community h2 { + margin-bottom: 20px; +} + +.community .lede { + font-size: 17px; +} + +.star-proof { + display: block; + padding: 22px; + border: 1px solid var(--line); + border-radius: 18px; + background: var(--card); +} + +.star-proof img { + display: block; + min-width: 190px; +} + +@media (max-width: 820px) { + .community > .wrap { + grid-template-columns: 1fr; + } + + .star-proof { + width: max-content; + } +} diff --git a/site/index.html b/site/index.html index 6ef517a..4f6e5d7 100644 --- a/site/index.html +++ b/site/index.html @@ -1,9 +1,10 @@ -ScriptWidget — Native widgets with JavaScript + JSX -
ScriptWidget
+ScriptWidget — Native widgets with JavaScript + JSX +
ScriptWidget
Open source · iOS · iPadOS · macOS

Widgets, written your way.

Write JavaScript and JSX, preview in ScriptWidget Studio, and render native WidgetKit experiences across Apple platforms—without authoring every widget in Swift.

Get ScriptWidget ↗Star on GitHub ↗Start in five minutes
A gallery of widgets created with ScriptWidget
JavaScriptCore runtimeNative SwiftUI renderingLive preview on MacCommunity gallery
Why ScriptWidget

From an idea to a native widget.

Write in JavaScript + JSX

Compose familiar declarative layouts and use versioned APIs for data, files, networking, storage, device state, and more.

Build in Studio

Edit with diagnostics, inspect runtime output, and preview multiple widget families without repeating an Xcode build loop.

Share real packages

Use versioned manifests, explicit permissions, host allowlists, and the community Gallery to distribute reusable widgets.

A small example

JSX in. Native WidgetKit out.

$render(
  <vstack frame="max" padding="16" background="#171923">
    <text font="caption" color="#a9b0c0">Today</text>
    <text font="largeTitle" color="#ffffff">Build something useful.</text>
  </vstack>
);
-
Documentation

Explore the platform.

Runtime API →Rendering, storage, network, system, device, and package APIs.JSX components →The native components and modifiers available to scripts.Gallery →Discover, verify, install, and publish community packages.
+
Documentation

Explore the platform.

Runtime API →Rendering, storage, network, system, device, and package APIs.JSX components →The native components and modifiers available to scripts.Gallery →Discover, verify, install, and publish community packages.
+
Open source

Build the widget platform with us.

Star the repository to follow releases, open an issue with a real workflow, or contribute a template to the verified Gallery.

Star ScriptWidget on GitHub ↗ContributeJoin Discord
ScriptWidget stars on GitHub