Mesop - Python-based UI framework from Google!

  Рет қаралды 46,742

Harshit Tyagi

Harshit Tyagi

Күн бұрын

Mesop looks promising but has a long way to go.
GitHub: github.com/google/mesop
Documentation: google.github.io/mesop/
Newsletter
- High Signal AI Newsletter: highsignalai.substack.com/
- High Signal AI Instagram: / highsignal_ai
Roadmap
- Roadmap video: • How to become an AI En...
- Roadmap GitHub (don't forget to leave a star): github.com/dswh/ai-engineer-r...
Social Media & Discord Server Invitation
Follow me for more AI Engineering resources, tutorials, and reviews:
- LinkedIn: / tyagiharshit
- X / Twitter: / dswharshit
- Join the Discord community for ideas, discussion, reviews and more: / discord
Chapters:
00:00 📦 Overview of Mesop
02:17 🛠️ Getting Started with Mesop
03:39 🖥️ Building UIs with Mesop
06:49 🔄 State Management in Mesop
10:05 📚 Resources and Documentation
11:15 🖥️ Demo Gallery and Examples
13:19 🆚 Mesop vs. Streamlit
15:08 📊 Conclusion and Recommendations

Пікірлер: 68
@WillMesop
@WillMesop 17 күн бұрын
hey (I created the Mesop project) - just wanted to say, thanks for creating this video!
@DataSciencewithHarshit
@DataSciencewithHarshit 17 күн бұрын
Wow! glad that this video reached you. Really cool project. Would love to see more from you!
@WillMesop
@WillMesop 16 күн бұрын
Definitely! Let me know if there's anything in particular you'd like to see
@sharabhshukla7918
@sharabhshukla7918 15 күн бұрын
@@WillMesop Thank you for acknowledging this, we love you
@v3ss0n
@v3ss0n 15 күн бұрын
Will that be cancelled just after a few version, just like several great google opensource project?
@YoungSecurity
@YoungSecurity 13 күн бұрын
@@WillMesop I want to use Mesop to build on the video player demo and would like to know what video formats can be served from Mesop other than .webm.
@mariusj8542
@mariusj8542 15 күн бұрын
Having a quick look after seeing your video.. exploring the Mesop framework and I'm really impressed by its capabilities. It supports JWT for secure authentication, and state management is handled with middleware as far as I see. The framework comes with a decent library of design components, and the overall build of the project site reminds me a bit of Material UI, which I love. From what I gather, it also supports OAuth for user authentication and CORS for handling cross-origin requests. It seems like Mesop uses inline styling, and I assume there will be future layout components like Grid coming. It already has Box components, so you can get a lot done with that. I'm usually writing in FastAPI with React or Next.js frontends, but I really like the initiative behind Mesop. If it supports themes or similar design layouts, that’s fantastic! Overall, Mesop seems like a powerful and flexible tool for Python developers. Great job to the team behind it!
@pixiedev
@pixiedev 17 күн бұрын
Disclaimer: This is not an officially supported Google product.
@WillMesop
@WillMesop 11 күн бұрын
Yep - we've tried to be clear in all of our docs about this.
@robrita
@robrita 17 күн бұрын
very interesting!! thanks for the share
@limjuroy7078
@limjuroy7078 17 күн бұрын
Thanks for the sharing ❤
@kritikay11
@kritikay11 17 күн бұрын
Was waiting for this one!
@MattJoyce01
@MattJoyce01 17 күн бұрын
Pretty interesting. I could see this being useful for rapid prototyping, good for folk that do not want to deal with web. Nice video, well done.
@vsanivar
@vsanivar 16 күн бұрын
Nice video. Thanks for bringing this to us
@Nothing-kz9pj
@Nothing-kz9pj 13 күн бұрын
Hey, is there a way to implement css directly similar to st.markdown in streamlit?
@spotnuru83
@spotnuru83 17 күн бұрын
Really nice and thank you sharing knowledge, just have couple of questions here, can we build good looking apps? How about authentication and authorization? can we use this for production apps??
@DataSciencewithHarshit
@DataSciencewithHarshit 17 күн бұрын
Yes you can but it will need good amount of work and learning.
@spotnuru83
@spotnuru83 16 күн бұрын
@@DataSciencewithHarshit I kind of finsihed the documentation, i did not see any out of the box solutions for authentication and authorization.. Are you saying we have to build on our own ?
@GodFearingPookie
@GodFearingPookie 15 күн бұрын
Chatgpt doesn't understand this. Sticking with streamlit for now
@ilianos
@ilianos 15 күн бұрын
I was wondering about this. Thanks for answering that! :)
@tinahalder8416
@tinahalder8416 14 күн бұрын
U can feed chatgpt the documentation
@GodFearingPookie
@GodFearingPookie 14 күн бұрын
I wouldn't do that. Quality is different If it learns naturally.
@WillMesop
@WillMesop 11 күн бұрын
@@GodFearingPookie we've been playing around with teaching Gemini how to use Mesop (e.g. feeding it our docs, examples) - it's been pretty promising!
@RiddlerRiddle
@RiddlerRiddle 17 күн бұрын
@WillMesop add some way to use prebuilt components in react, svelte, etc. so functionality can be used, instead of waiting for community to start building components.
@coniferster
@coniferster 14 күн бұрын
Rust based frontend frameworks are also there
@picklenickil
@picklenickil 16 күн бұрын
Threading?
@gsagum
@gsagum 17 күн бұрын
i tried it but sorry, the UI is not very good, on their demo page, when you type each letter , there is something that flashes at the top of the screen as if the UI itself is struggling on each letter. the UI/UX is badly done.
@picklenickil
@picklenickil 16 күн бұрын
No auth?
@StonedApe420
@StonedApe420 16 күн бұрын
More on Google Mesop
@__________________________6910
@__________________________6910 11 күн бұрын
It's only running inside google colob, not like gradio we are getting a public link. That's big no from me.
@mee4948
@mee4948 16 күн бұрын
"writer" also deserves attention to. [ "streamsync" old name ]
@alchemication
@alchemication 17 күн бұрын
Looks great. Just wish they took fastapi, not ancient framework, but hey, can not have it all 😊
@WillMesop
@WillMesop 17 күн бұрын
hey - creator of Mesop here; I'm curious what fastapi would offer over flask? I'm not very familiar with fastapi and just wanted to see what's missing with flask.
@pixiedev
@pixiedev 17 күн бұрын
I didn't used it but I have read the doc, fast api is minimal. just like expressjs it only contains rest api development but can add many functionalities like in django using some packages​@@WillMesop
@alchemication
@alchemication 11 күн бұрын
@@WillMesop hey. Fastapi has lots of what is considered “modern” python, like types, openapi docs, improved unit testing, data validation, and probably many other things which I can not remember. Flask is great also, however starting a brand new project with it should weigh in some tradeoffs, depends how you see this thing scaling going forawrd. All is possible with flask also, just feels aged and more hacky
@JayaDattasaiKala
@JayaDattasaiKala 4 күн бұрын
It feels like this is an almagamated flavour of streamsync + plotly dash. UI widgets looks super basic. Hoping to see good progress on this, like nicegui
@DataSciencewithHarshit
@DataSciencewithHarshit 4 күн бұрын
+1
@andreyfedotov6624
@andreyfedotov6624 15 күн бұрын
Your strategy has helped me turn my trading around. I'm finally seeing some real profits!🐵
@ayaniegain
@ayaniegain 14 күн бұрын
I know react js. Want to learn backend . Shall i start from python django? What is your take on that.
@Buja2573
@Buja2573 14 күн бұрын
Fast API
@setyoufree2726
@setyoufree2726 14 күн бұрын
Next.js
@setyoufree2726
@setyoufree2726 14 күн бұрын
Next js
@DataSciencewithHarshit
@DataSciencewithHarshit 13 күн бұрын
If you're already familiar with JS/TS, pick any js-based framework and if there is any project or job that you're eyeing, pick accordingly. My preferences at the moment: Python - FastAPI JS - Next.js
@pintokatendejonathan1740
@pintokatendejonathan1740 3 сағат бұрын
Learn first Nextjs, After if you need full backend features, and you choose python; these are the steps: - Learn Flask, because it's very easy and the learning curve it's very down. - After flask you can choose between Django or fastApi. From flask to FastApi, it's taking maximum 1 week, because you are going to find many similar things (ex : you can also use sqlachemy for database, ...), but in fastApi you can find more types like typescript, and more asynchronous style. For big Application and all in one package, choose Django. From Flask to Django, you'll find many similar things, but already included in Django.
@D_bugit
@D_bugit 17 күн бұрын
Google is not officially supporting it. Don't let other users fall for this
@pragyantiwari3885
@pragyantiwari3885 17 күн бұрын
You know what!!! Mesop is actually suitable for complex web applications. But, django offers the same and it provides more features. So, why would someone actually learn mesop in place of django?
@kneelesh48
@kneelesh48 17 күн бұрын
so you don't have to write html CSS js for the frontend
@headrobotics
@headrobotics 16 күн бұрын
​@@kneelesh48 htmx?
@iamAliAhad
@iamAliAhad 16 күн бұрын
You didn’t get it.
@AlexanderSomma
@AlexanderSomma 16 күн бұрын
When combined with one many many many options it more than supplants Mesop. That being said Djangos amazing features can be overwhelming meaning Flask and python-webui are often better options for small projects.
@Frexuz
@Frexuz 15 күн бұрын
objecT, componenT, thaT, aT, layouT,.. no need to emphasise the last T's that hard :P
@HemangJoshi
@HemangJoshi 16 күн бұрын
Apne hand ko rest dijiye sir bahut distract kar rha he topic se
@saisharathsamala5922
@saisharathsamala5922 16 күн бұрын
Google as it's own and powerful framework Angular , angular materials as reusable products. Why they go for another framework? Only for alternative for html and css?
@WillMesop
@WillMesop 16 күн бұрын
Mesop is built on Angular and Angular Material and is targeting a different set of developers (e.g. Python developers / ML/AI backgrounds) compared to Angular.
@saisharathsamala7404
@saisharathsamala7404 15 күн бұрын
Got it 👍
@Epirium
@Epirium 17 күн бұрын
Why always killing each other 😂
@AmlanjyotiSaikia
@AmlanjyotiSaikia 17 күн бұрын
Good that its open source...it should survive Google's killing sprees.
@sarkar_957
@sarkar_957 15 күн бұрын
Vadin is best 😅
@crisuar1989
@crisuar1989 15 күн бұрын
I'm wondering what these companies get for creating and releasing for free these kinds of tools for the population... Where is the trick, how do they benefit from that?
@Faheem1988
@Faheem1988 13 күн бұрын
google fired its whole python team so means no support in the future if this is legit google framework.
@AvionicsDev
@AvionicsDev 16 күн бұрын
too much magic inside, poeple over time would want more control and customizations.
@tinahalder8416
@tinahalder8416 14 күн бұрын
Many places doesn't need customisation, specially for rapid poc
Mesop - Google's New UI Maker
14:04
Sam Witteveen
Рет қаралды 50 М.
A Simple Kafka and Python Walkthrough
11:34
Quix
Рет қаралды 14 М.
Tom & Jerry !! 😂😂
00:59
Tibo InShape
Рет қаралды 55 МЛН
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 34 МЛН
ОДИН ДЕНЬ ИЗ ДЕТСТВА❤️ #shorts
00:59
BATEK_OFFICIAL
Рет қаралды 7 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 170 #shorts
00:27
Mesop: Google's New AI UI Builder!
8:58
WorldofAI
Рет қаралды 2,7 М.
Create Stunning Python GUIs in 10 Minutes With Drag & Drop
11:38
Coding Is Fun
Рет қаралды 17 М.
Do NOT use Streamlit for PRODUCTION until you watch this!
6:33
Full Stack AI
Рет қаралды 3,1 М.
The future of AI looks like THIS (& it can learn infinitely)
32:32
Google Mesop | A framework for web-based Python apps
5:11
SWE Stop Learning - The Rise Of Expert Beginners
49:09
ThePrimeTime
Рет қаралды 242 М.
Is the AI bubble popping?
19:48
Synapse
Рет қаралды 198 М.
Mesop: Google's UI Framework for Building Web Application
13:42
Prompt Engineering
Рет қаралды 15 М.
I wish every AI Engineer could watch this.
33:49
1littlecoder
Рет қаралды 57 М.
Tom & Jerry !! 😂😂
00:59
Tibo InShape
Рет қаралды 55 МЛН