Это видео недоступно.
Сожалеем об этом.

Python Eel - Create and Package Desktop Apps | Modern GUIs with HTML and JavaScript

Поделиться
HTML-код
  • Опубликовано: 15 авг 2024
  • In this video, I demonstrate how to use the Python package Eel to create applications that have a Web UI with a Python backend.
    "Eel is a little Python library for making simple Electron-like offline HTML/JS GUI apps, with full access to Python capabilities and libraries.
    Eel hosts a local webserver, then lets you annotate functions in Python so that they can be called from Javascript, and vice versa.
    Eel is designed to take the hassle out of writing short and simple GUI applications. "
    Source Code: github.com/Sou...
    Eel: github.com/Chr...

Комментарии • 201

  • @vanish3408
    @vanish3408 4 года назад +202

    "this app uses a nice polished frontend, which i stole from the internet, because i can't design frontends"
    that's the best quote i have ever heard in my entire life.

    • @cortesdothiagofinch440
      @cortesdothiagofinch440 4 года назад

      😂

    • @setyoufree2726
      @setyoufree2726 3 года назад +2

      yap...the most honest statement from a developer. That's why he's not a politician.

    • @MenyeMC
      @MenyeMC 3 года назад

      1:03

    • @alexandermiller7330
      @alexandermiller7330 3 года назад +1

      i lost it when i heard that. finally, someone being real about development

  • @gblightb
    @gblightb 5 лет назад +55

    So this means I could use my HTML/JS to create an .exe by simply using eel & py installer and no Electron??? This is what I've been looking for!!! *Salute 2 u*

  • @thecoderguy2110
    @thecoderguy2110 3 года назад +5

    OMG! I literally spent 1 month on searching how to create .exe applications with modern gui's with python as backend and found nothing. And when I thought this is not possible, RUclips recommended this to me. BRUH, I AM VERY HAPPY. THANKS MAN!!!! YOU ARE LITERALLY A LIFE SAVER

  • @anshshrivastava9107
    @anshshrivastava9107 3 года назад +48

    "I was looking for copper and I found GOLD"

  • @graphic.shashank
    @graphic.shashank 2 года назад +2

    Oh my god! No words for you bro just a life saver👍🏻👍🏻👍🏻

  • @jaimerojas6578
    @jaimerojas6578 4 года назад +8

    It was amazing I've been looking for something just like this!

  • @tomasgonzalez4819
    @tomasgonzalez4819 3 года назад +1

    This was such a great video! You should create an eel series where you delve a deeper into such other "bell-ands-whistles" like interfacing with sqlite3, input forms, login screens, navigating between views / screens, etc. Awesome stuff!!!

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @devjyotsidhu820
    @devjyotsidhu820 4 года назад

    finally no tkinter, no QT and no electronJS . You're amazing mate

  • @kyurann78
    @kyurann78 4 года назад +9

    shit you're the best, i need to do some UI with my python program for school and i hate Qt or tkinter etc, huge respect and thanks !

  • @cr4shcod3
    @cr4shcod3 5 лет назад +1

    I already clicked the subscribe button. I hope you will focus on topics like this. I can only see few youtube videos about Python Modern GUI. I hope you will create more videos

  • @brunonog9985
    @brunonog9985 3 года назад +1

    Mann, thank you so much. This is GOLD

  • @udogue
    @udogue 3 года назад +1

    Great stuff, Sourav! Thanks for sharing this. I‘ll definitely have a look for the eel ;)
    Btw: the design looks professionally „stolen from the internet“ :P

  • @ayyxnz4458
    @ayyxnz4458 2 года назад

    I love your videos your one of the only macOS developers out there

  • @fmailscammer
    @fmailscammer 4 года назад

    THIS. IS. AWESOME!!! THANK YOU SO MUCH! This is what I needed SO BADLY! I have been trying to make apps in tkinter but they all look like I took a dump on my computer screen, but with this I can use CSS and make it look great! THANKS!

  • @senthilkumarpalanisamy365
    @senthilkumarpalanisamy365 3 года назад

    This what I was looking for. Thanks a lot for posting bro. I really like your channel and I start clicking on like even before I start watching the videos. Please post more on python 👍👍

  • @vikashdenzil
    @vikashdenzil 4 года назад +4

    This is amazing, please do more.

  • @FutaCockWorshipper
    @FutaCockWorshipper 11 месяцев назад

    Finally someone that actually makes a tutorial on a nice clean GUI

  • @rajsaran111
    @rajsaran111 5 лет назад +1

    Awesome explanation, I have been searching for this a long time. Thanks a lot

  • @SamRyker
    @SamRyker 4 года назад

    Bro, You are super awesome !!!....EEL definitely made my life so easy ....Kudos ......

  • @siemen_subbaiah
    @siemen_subbaiah 5 лет назад +16

    Bro. I'm from simple snippets. Please bro teach us python in the best way.
    Thank you.

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @darkbyteproductions952
    @darkbyteproductions952 4 года назад

    No one's gonna ask where he got the UI snippet from? That looks so cool!

  • @DankMemerOfficial
    @DankMemerOfficial 3 года назад

    hello buddy i m facing a problem . i am a kali linux user and im getting this error "This site can’t be reached" when i m running these codes can someone help me???????? plzzzzzz

  • @andrewdunbar1006
    @andrewdunbar1006 4 года назад +3

    Just what I was looking for. Thank you.

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @sigmiami
    @sigmiami 5 лет назад

    Hi came over from simple snippets to checkout your videos

  • @anasio
    @anasio 5 лет назад

    This is so interesting ive been using dash from plotly to make my dashboards but now its much simple thanks!!

  • @hackytech7494
    @hackytech7494 4 года назад +2

    My question . Do we have yo use tkinter module for this ??

  • @SoumilShah
    @SoumilShah 5 лет назад

    Question regarding Eel Python
    I have a simple code in python which returns random. numbers and its is exposed to eel
    i have a simple html page where i want to display this data
    I am able to get the first sample but the the next sample are updating on python shell but not on the website i have to manually left click and refresh it
    can someone help with this issue
    import eel
    import random
    eel.init('web')
    @eel.expose
    def random_data():
    data = random.randint(0, 20)
    print(data)
    return data
    eel.start('JumBo.html', size=(800, 800), block=False) # Start
    while 1:
    random_data()
    eel.sleep(4)
    ===============================
    eel.random_data()(my_func);
    function my_func(x){
    console.log(x);
    var par = document.querySelector('.data');
    par.innerHTML = "Data" + x ;
    }

  • @upish_cat6303
    @upish_cat6303 4 года назад

    This looks very promising. Ill give it a go!

  • @rohanshiva
    @rohanshiva 5 лет назад +3

    This is awesome! Thanks for a great tutorial

    • @ramko685
      @ramko685 5 лет назад +1

      Thank god I found this tutorial, we honestly can use this!

    • @rohanshiva
      @rohanshiva 5 лет назад

      @@ramko685 Thats what I used when I made the original application

  • @emanuelecapone242
    @emanuelecapone242 4 года назад

    I love you and your indi accent. Love from Italy

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @SoumilShah
    @SoumilShah 5 лет назад

    i tried hello world program given on Eel documentation but the problem is its not able to find my hello.html any fixes?

  • @cake00sic00
    @cake00sic00 5 лет назад +3

    Great stuff man! thanks for sharing! :D

  • @venkatesh2788
    @venkatesh2788 2 года назад +1

    Can you make photo editing software with electronjs and python

  • @syedjamal7191
    @syedjamal7191 4 года назад +1

    Hey brother, I really need your help on urgent basis, please can you tell me how to make executable file for electron-python application???
    I am using electron & python for my Final Year Project
    and there is nothing on the internet excepts a medium article which tells a little bit about packaging electron-python application but I want to learn from you, please tell me as soon as possible..!!!!

  • @darpanrajput694
    @darpanrajput694 4 года назад

    thanks for this modern ui designs
    Please upload more on this topic

    • @ankushbanik1764
      @ankushbanik1764 4 года назад

      after doing all things , my python file is running fine in the terminal but i am not getting the UI

  • @diptanusaha6597
    @diptanusaha6597 4 года назад

    Does anyone know how to get rid of the title bar and disable right clicks or getting into the code.. It doesnt really look or give a feeling like a native desktop app.

  • @thetamefear
    @thetamefear 2 года назад

    why icon not working in doc on macos? it's showing for 2-3 sec and showing google icon instead

  • @gblightb
    @gblightb 5 лет назад +1

    My dist folder is empty and I get *Failed to execute script* error message on Windows 7...HELP!!!
    I have a simple html opened through a python script using os.startfile('index.html')

  • @tirnasircar2938
    @tirnasircar2938 3 года назад

    How to stop the execution of a method in the python file when a button is clicked on the html page?

  • @last1b4free
    @last1b4free 3 года назад

    Does anyone know how to get fixed window size - through html\css or eel?
    Cuz I don't want the user will resize the window after I'm converting my project into exe file

  • @henriquefigueiredo4077
    @henriquefigueiredo4077 4 года назад

    Thanks, I don't understand the docs and you help a lot

  • @BILALAHMAD-cz9gu
    @BILALAHMAD-cz9gu 6 месяцев назад

    this is not working in latest version of python , what version of python will support it

  • @eindrewohara8832
    @eindrewohara8832 4 года назад +1

    Sourav, i need help. I was trying to create the application nad i run into this error "RecursionError: maximum recursion depth exceeded while calling a Python object". How can i solve this?

  • @yangerrai1605
    @yangerrai1605 2 года назад

    Can we stop user from resizing the app once it's packaged into desktop app?

  • @leonlysak4927
    @leonlysak4927 4 года назад +1

    Dude. Good presentation

  • @ashwin372
    @ashwin372 2 года назад

    Thanks this is really unique .

  • @manurajput5348
    @manurajput5348 3 года назад

    Hey I am getting this error OSError: Can't find Google Chrome/Chromium installation . How do I resolve this? I am trying to use eel in a venv on pop os . Is that a issue?

  • @wardo5840
    @wardo5840 Месяц назад

    this is nice man, thanks

  • @anishjain3663
    @anishjain3663 3 года назад

    I think now its not working it gives me erroe while i run py code
    Expected 144 drim c header got 152 from pyobject

  • @mehdideilami3888
    @mehdideilami3888 2 года назад

    Eel is an alternative to tkInter and nothing more. The electron is invincible to this day, despite all the criticism. But Tauri will change that. When 1.0 is released, Tauri will become the best electron replacement

  • @aks214ash
    @aks214ash 3 года назад

    getting OSError: [WinError 10048] Only one usage of each socket address (protocol/network address/port) is normally permitted: ('localhost', 8000)

  • @rafaelceballo4643
    @rafaelceballo4643 4 года назад +3

    Hey thanks for the tutorial is very helpful, I am wondering if it possible to disable the option of window resizing ?

    • @vdeschuy190
      @vdeschuy190 4 года назад +1

      I was wondering the same thing, but I fear it's not possible, as browsers such as Chrome and Mozilla Firefox don't want to limit the freedom of the user and hence always allow resizing.

  • @rohanMJ
    @rohanMJ 3 года назад

    failed to execute script main. what should i do?

  • @abdellahidalioua9611
    @abdellahidalioua9611 2 года назад

    I got an error while trying to open the python file (the error is html file does not exist ) help me please

  • @footbx-live5965
    @footbx-live5965 4 года назад +1

    I DONT KNOW WHY ehenever i run the app it says
    Sorry, the requested URL 'localhost:8000/index.html' caused an error:
    even on the examples

  • @LlewYellowAnt
    @LlewYellowAnt 4 года назад

    What will the commands be to package in windows

  • @manofretribution6525
    @manofretribution6525 5 лет назад +3

    Hey Sourav
    It was really useful for me to create py application
    But am finding difficulty in converting EEL to exe application
    Please help me with this
    Thanks

    • @juneoriginal
      @juneoriginal 5 лет назад +1

      are you getting this error too?
      Traceback (most recent call last):
      File "site-packages/PyInstaller/loader/rthooks/pyi_rth__tkinter.py", line 28, in
      FileNotFoundError: Tcl data directory "/var/folders/yp/j5_n1vdn4sl4phw8smsp392r0000gn/T/_MEIHli3WN/tcl" not found.
      [14489] Failed to execute script pyi_rth__tkinter
      logout
      Saving session...
      ...copying shared history...
      ...saving history...truncating history files...
      ...completed.
      [Process completed]

  • @gouthamkm7510
    @gouthamkm7510 3 года назад

    What app did you for editing & coding in this video it looks so clean

  • @catalingrigoriev
    @catalingrigoriev 4 года назад

    How to disable resizable ???

  • @adleexavier1491
    @adleexavier1491 3 года назад

    thank you broo .. really useful

  • @BGCKing
    @BGCKing 4 года назад

    Hi, nice channel, and nice video. I went through this one and the electronJS one. To dev an multiplateform python app, which one of Eel or ElectronJS would you recommend ? Wich are the main diff between both ?

  • @terrydsilva5061
    @terrydsilva5061 4 года назад

    Many Thanks! - excellent work!

  • @matiastika1329
    @matiastika1329 4 года назад

    I tried this and I couldn't make it work on other computers..
    After I builted the '.exe' I passed everything in my project folder because I figured if it works in my PC, it should work,
    but in the other computer, I could run the application and execute all front-end code (html+css+js works correctly) yet the Python code is not running.
    Anyone else had this problem? Help!

  • @haard1870
    @haard1870 4 года назад

    Thanks a lot sir for teaching me this.

  • @jestech4617
    @jestech4617 4 года назад

    Guys.. I need some help. The app.py file runs perfectly, but once I make an .exe out of it, I get a small window that pops out saying 'fatal error: failed to execute script app'.. I have no idea how to get the logs or anything. Any help please?

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @magnuschanduru6173
    @magnuschanduru6173 5 лет назад +1

    From snippet . Keep doing bro

  • @castilloreyesalberto9017
    @castilloreyesalberto9017 3 года назад

    ¡Muchas gracias! Has sido de ayuda.

  • @ankushbanik1764
    @ankushbanik1764 4 года назад

    after doing all things , my python file is running fine in the terminal but i am not getting the UI

  • @tazulislam2698
    @tazulislam2698 2 года назад

    How to solve eel.js not found? Pls!

  • @koushiknaskar4751
    @koushiknaskar4751 5 лет назад

    So, what would I chose in electron vs eel? Let's say I need basic numpy functionality like matrix multiplication, interpolation, regression fitting etc. which I can code in JavaScript spending a few hours. Then what should I do. Do I write them in JS and use electron? or do I use numpy with python and use Eel? Make an electron vs eel video

  • @yuribaldo4624
    @yuribaldo4624 5 лет назад +3

    Great video! Thank you :) There aren't many video tutorials about Eel.
    I made a login page. When the user clicks on the Submit button I check username and password in python. After that how can I switch from the login form to the application GUI?
    Thanks in advance ;)

    • @canvaapplessons1224
      @canvaapplessons1224 4 года назад

      If username and password are correct, pass a Boolean value from python to JavaScript.
      If true, change the html page via hyperlink.

    • @jestech4617
      @jestech4617 4 года назад

      @@canvaapplessons1224 Hey dude, a quick help? In my code, (I'm building a similar program, but it has a instead of ) I set .src to .value in Jscrippt, but it doesn't change anything.. Please help

  • @vivins3215
    @vivins3215 4 года назад

    I can use python packages like voice changer.. all that also with eel..I used only tkinter but it's not having attractive design

  • @rafathossain
    @rafathossain 4 года назад

    When I build the package, the app opens up and closes immediately. What should I do?

  • @jayg5123
    @jayg5123 4 года назад

    Hey did you tried your deep learning model in it?? If yes how the performance of the program?

  • @hamzadlm6625
    @hamzadlm6625 5 лет назад

    after running the py code I got :
    Error: 404 Not Found
    Sorry, the requested URL 'localhost:8000/index.html' caused an error:
    File does not exist.

  • @kaushalrathi3234
    @kaushalrathi3234 4 года назад

    Im facing an issue. PyInstaller is stuck at Loading module hook "hook-gevent.py" since forever. Any solution to this

  • @pratyakshyt
    @pratyakshyt 4 года назад

    How to generate a popup or open a new window???

  • @rytales4480
    @rytales4480 5 лет назад +1

    really very thank full to you ....can you please let us know from where you learned ...i need to now the source to learn for betterment of my college project please please guide us.
    thanks again.

  • @jestech4617
    @jestech4617 4 года назад

    Guys, instead of an Image, I want to set a to the value.. So, I used .value in place of .src in my code, it doesn't work. Please help..

    • @SouravJohar
      @SouravJohar  4 года назад +1

      Try .innerHTML = *your text*

    • @jestech4617
      @jestech4617 4 года назад

      @@SouravJohar Oh I found the fix, nvm, but great video.. Thanks a lot.

  • @guidohernani8363
    @guidohernani8363 5 лет назад

    when i execute python file, the browser shor an error 500, internal server error, did anyone know how to fix this?

  • @pranshuranjan2004
    @pranshuranjan2004 5 лет назад

    Can we make headless or say frame with no titlebar , windows ?

  • @clintonenyinna1919
    @clintonenyinna1919 4 года назад +1

    Thank you so much for the tutorial. But I just can´t figure out how to change the icon on the app. Please help!

  • @alessandrokrauter7877
    @alessandrokrauter7877 2 года назад

    what IDE/Editor are you using?

  • @MicheleHjorleifsson
    @MicheleHjorleifsson 4 года назад

    Good stuff, have you tried it with any front end frameworks like vuejs ?

  • @ismailcaglc7250
    @ismailcaglc7250 4 года назад

    Can i use it for django app? I want to use my django app as a desktop app.

  • @alizainsaeed5091
    @alizainsaeed5091 5 лет назад

    But will it be able to create heavy apps such as a social network app?

  • @jyotishkaaich3259
    @jyotishkaaich3259 4 года назад

    Can we use python entirely (I mean, for backend and frontend)?

  • @yamatouchiha1245
    @yamatouchiha1245 5 лет назад

    This is very timely, gracias

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @azyn1525
    @azyn1525 4 года назад

    Mini Tip: You can add your our website and icon instead of the default one or the website the person is using.

    • @ekinkaganozkan
      @ekinkaganozkan 3 года назад

      It appears blurry on taskbar, do you know any solve for that?

  • @comjyoti
    @comjyoti 4 года назад

    eel not working python 3.8

  • @prasad94
    @prasad94 4 года назад

    Thank you for the tutorial. BTW how did you make the app without an address bar?

  • @don-broomarquis5374
    @don-broomarquis5374 4 года назад

    when I run the exe it's tell me that is No such file or dirctory \\\\\eel.js

  • @BahawalTV
    @BahawalTV 3 года назад

    Thats great. Can we use eel for a large project like an erp project or will we have to use electron for it?

    • @anishjain3663
      @anishjain3663 3 года назад

      I think now its not working it gives me erroe while i run py code
      Expected 144 drim c header got 152 from pyobject

  • @polyviospatseadis9777
    @polyviospatseadis9777 4 года назад

    my .exe its take too long to open do you know a way to open faster?

  • @anishjain3663
    @anishjain3663 3 года назад +1

    Any one solved let me know

  • @polyviospatseadis9777
    @polyviospatseadis9777 4 года назад

    its it possible to disable resize on eel?

  • @XoLucyna
    @XoLucyna 4 года назад

    Do we needed to install electron?

  • @Djpanache
    @Djpanache 5 лет назад

    Just the right ui and functionality I needed for my project. Thanks man.
    Can you please let me know where can I find code for gui/ HTML that you used for ui? Thanks in advance

  • @sudebdas85
    @sudebdas85 4 года назад

    Sourav nice video. Brother I need a help. when I click on the submit button I actually need to see the console output in the same browser window. E.g.I have a python script which I map with your js & html file. Now once I click on submit I am getting the python console output. I want the same output to be displayed on the web browser

  • @snipershot2283
    @snipershot2283 4 года назад

    How can we use eel in django ?