core
nicegui
core | nicegui | |
---|---|---|
284 | 179 | |
44,710 | 7,403 | |
1.3% | 6.1% | |
9.8 | 9.9 | |
1 day ago | 5 days ago | |
TypeScript | Python | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
core
- React.dev?Uwu=True
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
The easiest way to authenticate users with Vue.js
As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and moreβ¦
-
Securing Vue Apps with Keycloak
Vue.js is an open source web framework that makes developing web applications easier.
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Vue 3 Explained: Rendering 101
Vue 3 Reactivity Source Code
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
nicegui
-
FastUI: Build Better UIs Faster
I was looking at this space and nicegui seemed like the best ootb experience.
https://nicegui.io/
-
Show HN: Hyperdiv β Reactive, immediate-mode web UI framework for Python
Dash is similar in spirit, as a "build web UIs with Python" framework. Dash seems more similar to nicegui (https://nicegui.io) architecturally than to Hyperdiv. Like nicegui, it builds a static dom that is then mutated via callbacks or data bindings.
By contrast, Hyperdiv lays out UI declaratively based on state, and when state changes, the app re-runs, generating an updated UI. Streamlit and Hyperdiv seem to work similarly, though I'm not sure how Streamlit handles state and state-based layout.
-
PysimpleGUI
For native GUI, DearPyGui[0] as modern as you can.
For browser web-based GUI, you can use nicegui[1]
[0] -- https://github.com/hoffstadt/DearPyGui
[1] -- https://github.com/zauberzeug/nicegui
- Python GUI libraries recommendations?
-
Learning building webpages and websites in Python
I want to bring to attention a set of frameworks that make webdevelopment using Python simple and fun. The popular opinion maybe that webpages developed with Python maybe slow. But this is not the case. Do checkout https://github.com/ofjustpy/ofjustpy/, https://github.com/zauberzeug/nicegui/ and https://github.com/justpy-org/justpy . All these frameworks are build on top of Starlette and make web development really easy. If you want simple and ready to use the nicegui is the choice. If you want fast, scalable, and more control then give ofjustpy a try.
- Updating the progress in UI from run.cpu_bound method
-
Moving from Streamlit to Nicegui
Yes, NiceGUI aims for a very gentle learning curve. Coming from Streamlit I suspect your main adaptation will be that in NiceGUI you need to write valid Python code. Streamlit constantly reevaluates your script which feels nice and easy but creates lots of problems down the road. See https://github.com/zauberzeug/nicegui/discussions/21.
-
Show HN: Dropbase β Build internal web apps with just Python
Auth is a big limitation. It's not a built-in component, they have [an example](https://github.com/zauberzeug/nicegui/blob/main/examples/aut...) using the FastAPI layer for auth, but I haven't had time the time to try implementing it. It's definitely not something you get out of the box with NiceGUI.
For scaling, I am viewing it mostly as an internal tool builder. I wouldn't recommend it for external applications. So as far as scaling an internal app I think it works fine. [Their website](https://nicegui.io) is built with NiceGUI, and it works fine, but you can feel the lag occasionally on some of their larger demo pages.
- *FOLDER* picker, not file picker?
-
Didn't want to click on refresh to see updates, this is what I did!
Well, I was at PyCon Ireland last weekend and I missed the NiceGUI talk. I hear postive things about it and anything shiney and anything frontend-related always catches my attention (although I admit talking to a friend when I missed this talk was just as fun, and it was worth it).
What are some alternatives?
unplugin-vue-components - π² On-demand components auto importing for Vue
reflex - πΈοΈ Web apps in pure Python π
vue-cli - π οΈ webpack-based tooling for Vue.js Development
streamlit - Streamlit β A faster way to build and share data apps.
vite - Next generation frontend tooling. It's fast!
flet - Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
remi - Python REMote Interface library. Platform independent. In about 100 Kbytes, perfect for your diet.
auth - A JWT based API for managing users and issuing JWT tokens
dash - Data Apps & Dashboards for Python. No JavaScript Required.
React - The library for web and native user interfaces.
fastapi - FastAPI framework, high performance, easy to learn, fast to code, ready for production