Check this page for other language bindings (Delphi / D / Go / .NET / Python / Rust).
Sciter is an embeddable multiplatform HTML/CSS/script engine with GPU accelerated rendering designed to render modern desktop application UI. It's a compact, single dll/dylib/so file (4-8 mb) engine without any additional dependencies.
Check the screenshot gallery of the desktop UI examples.
Physically Sciter is a mono library which contains:
- HTML and CSS rendering engine based on the H-SMILE core used in HTMLayout,
- JavaScript in Sciter.JS,
- JavaScript alike Scripting engine – core of TIScript which by itself is based on c-smile engine,
- Persistent Database (a.k.a. JSON DB) based on excellent DB products of Konstantin Knizhnik.
- Graphics module that uses native graphics primitives provided by supported platforms: Direct2D on Windows 7 and above, GDI+ on Windows XP, CoreGraphics on MacOS, Cairo on Linux/GTK. Yet there is an option to use built-in Skia/OpenGL backend on each platform.
- Network communication module, it relies on platform HTTP client primitives and/or Libcurl.
Internally it contains the following modules:
- CSS – CSS parser and the collection of parsed CSS rules, etc.
- HTML DOM – HTML parser and DOM tree implementation.
- layout managers – collection of various layout managers – text layout, default block layout, flex layouts. Support of positioned floating elements is also here. This module does the layout calculations heavy lifting. This module is also responsible for the rendering of layouts.
- input behaviors – a collection of built-in behaviors – code behind "active" DOM elements:
<input>
,<select>
,<textarea>
, etc. - script module – source-to-bytecode compiler and virtual machine (VM) with compacting garbage collector (GC). This module also contains runtime implementation of standard classes and objects: Array, Object, Function and others.
- script DOM – runtime classes that expose DOM and DOM view (a.k.a. window) to the script.
- graphics abstraction layer – abstract graphics implementation that isolates the modules mentioned above from the particular platform details:
- Direct2D/DirectWrite graphics backend (Windows);
- GDI+ graphics backend (Windows);
- CoreGraphics backend (Mac OS X);
- Cairo backend (GTK on all Linux platforms);
- Skia/OpenGL backend (all platforms)
- core primitives – set of common primitives: string, arrays, hash maps and so on.
Sciter supports all standard elements defined in HTML5 specification with some additions. CSS is extended to better support the Desktop UI development, e.g. flow and flex units, vertical and horizontal alignment, OS theming.
Sciter SDK comes with a demo "browser" with a builtin DOM inspector, script debugger and documentation viewer:
Check https://sciter.com website and its documentation resources for engine principles, architecture and more.
- Download the Sciter.TIS or Sciter.JS SDK and extract it somewhere.
- Add the corresponding target platform binaries to PATH (
bin.win/x64
,bin.osx
orbin.lnx/x64
) and install Sciter shared library to your LIBRARY_PATH. - Install pysciter:
python3 setup.py install
orpip install pysciter
. - Run the minimal pysciter sample:
python3 examples/minimal.py
. Also you can run script from zip archive directly:python3 ./archive.zip
:)
Minimal sciter app is extremely small:
import sciter
if __name__ == '__main__':
frame = sciter.Window(ismain=True, uni_theme=True)
frame.load_file("minimal.htm")
frame.expand()
frame.run_app()
It looks similar to this:
In respect of tiscript or JavaScript functions calling:
answer = self.call_function('script_function', "hello, python!", "and", ["other", 3, "arguments"])
Calling python from script can be implemented as following:
def GetNativeApi(): # called from sciter.EventHandler.on_script_call
def on_add(a, b):
return a + b
def on_sub(a, b):
raise Exception("sub(%d,%d) raised exception" % (a, b))
api = { 'add': on_add, # plain function
'sub': on_sub, # raise exception at script
'mul': lambda a,b: a * b } # lambdas supported too
return api
So, we can access our api now from TIScript:
// `view` represents window where script is runnung.
// `stdout` stream is a standard output stream (shell or debugger console, for example)
var api = view.GetNativeApi();
// returned `api` object looks like {add: function(a,b) { return a + b; }};
stdout.println("2 + 3 = " + api.add(2, 3));
or from JavaScript:
// `Window.this` represents the window where this script is running.
const api = Window.this.GetNativeApi();
console.log("2 + 3", api.add(2, 3));
Check pysciter/examples folder for more complex usage.
- sciter::window which brings together window creation, host and event handlers.
- sciter::host extensible implementation with transparent script calls from python code.
- sciter::event_handler with basic event handling (attached, document_complete, on_script_call), additional handlers will come.
- sciter::dom for HTML DOM access and manipulation methods.
- sciter::value pythonic wrapper with
sciter::script_error
andsciter::native_function
support. - sciter::behavior_factory - global factory for native behaviors.
- sciter::graphics - platform independent graphics native interface (can be used in native behaviors).
- sciter::request - resource request object, used for custom resource downloading and handling.
- sciter::video - custom video rendering.
- sciter::archive - Sciter's compressed archive produced by
sdk/bin/packfolder
. - sciter::msg - backend-independent input event processing.
- sciter::om - Sciter Object Model, extending Sciter by native code.
- NSE - native Sciter extensions.
- Windows
- OSX
- Linux
- Raspberry Pi
Python 3.x.
Bindings library licensed under MIT license. Sciter Engine has the own license terms and end used license agreement for SDK usage.