Skip to main content

Sciter : GUI Application with Golang using HTML/CSS

gui library for golang sciter
GUI library for golang sciter



This is the words from Sciter's Web site,



Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications.
Various GUI frameworks offer different UI declaration and styling languages, such as QML and XAML (Microsoft WPF). On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering. 

Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs/ui library  i already have written a post on it. You can read it on post gui programming with golang.  But this library is still under construction and has no support for production apps.

Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb. Which is 15mb of go and other was the electron. 

Before some time I found another alternative, sciter , which is now also free to use for even commercially ( which was not before some time ).

I suppose you have read upper two paragraphs in grey text. If you want to know more about sciter you can visit its site which is  https://sciter.com/

Here is a simple example of sciter application


Simple GUI App with Scitter & Golang
Simple GUI App with Scitter & Golang


Here I am sharing the source code of golang and HTML file. [ which has to be in the same folder ]




Golang File
HTML file

Actually, One thing that I found problematic is that [atleast] I have to refresh HTML element binding to get the latest value from HTML.
Might be I am doing it the wrong way or may have another but I don't' have the idea about it. 







But the conclusion is that sciter is most promising GUI library to create GUI app with golang.

Update : 26-06-2018

GoLang-Sciter Learn by example [ link to my GitHub repo ]
Examples [ chapters ] in increasing order of complexity. I will update it continuously unless I feel it's complete. So stay tuned and watch

Update : 03-07-2018

I am writing a blog just about golang & sciter [ exclusively golang and sciter. nothing else. ] Its go-sciter.mchampaneri.in

All Post are merged in mchampaneri.in

Update : 25-12-2019

I am creating youTube playlist Create GUI application in go using sciter-sdk. It starts from scratch.  You can check it out here.

Hope find it useful!

 Sciter is upto be an open source project, Let's make it happen 

Comments

  1. Do I need gccgo to use sciter to build go applications, please help me install and set up sciter and gccgo so that I can build applications using sciter and golang. Thank you.

    ReplyDelete
    Replies
    1. No, you don't need to use gccgo in order to build application using sciter.
      You just need golang ( version higher then 1.9) and sciter sdk for your platform ( i.e. sciter sdk for windows/ mac/ linux).

      Delete
    2. Hi Manish,

      To work with go and sciter isn't go-sciter needed ?? https://github.com/sciter-sdk/go-sciter

      I was trying to use Sciter.js SDK.

      Delete
  2. Is there a similar example available for Python ?

    ReplyDelete
    Replies
    1. Hi,

      Have no idea about availablity of example in python.

      Idea behind this examples is
      -> Create window
      -> Set Title
      -> Load window
      -> Define functions that can be used by sciter on frontend

      If you find how to do this things, you will be able to recreate the same thing in python.

      Here is link to example
      https://github.com/sciter-sdk/pysciter/tree/master/examples

      This might help.

      Best of luck

      Delete
  3. I love this post and this is a very helpful post!
    A lot thanks for sharing with us,
    We are again come on your website,
    Thanks and good day,
    Please visit our site,
    Buy logo

    ReplyDelete
  4. The intention of web templates is to design a web site. Web design templates are used for separation of content from presentation in a web design and mass production of web documents. These collections of electronic files reside on one or more web servers to present content to the end user in the form of web pages. Studies have shown that web templates can grab interest of the first time user in only 10 seconds. Website Trojans, Malwares and Virus Removal Services

    ReplyDelete
  5. Hello Superb
    You are doing awesome keep it up!!!!!
    https://www.superbdeveloper.com

    ReplyDelete

Post a Comment

Popular posts from this blog

Google blogger Ideas panel

Google blogger Ideas  I opened by blogger today, and..   I got this.  Google blogger Ideas  A panel suggesting a topic on which I can write my next blog. It's fetching unanswered question from web according to your previous post and topics. It was something, I was really looking for, after all it takes time to finding subject on which to write next and still being in the same niche.  Awesome feature Blogger! 

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth working. Necessary modules  mod_auth_basic

Firebase - update a spacific fields of single element of object of array in firestore

Firebase - update a spacific fields of single element of object of array in firestore  Its actully advisable to use map instead of array when ever it is possible. But, there are cetain cases where you don't have option to do so.  For example, you are directly saving the response from some outer source without any modification and they send you an array. In this case you will have array to work with. Firestore does not support array here is why  "bad things can happen if you have multiple clients all trying to update or delete array elements at specific indexes. In the past, Cloud Firestore addressed these issues by limiting what you can do with arrays " For more details information you can refer to Kato Richardson post Best Practices: Arrays in Firebase .  Firestore document having array [ used from stackoverflow question ] Suppose you have array of object something like shown in array. Now you want to update endTime field of the object on the index [1]