[{"title":"Example: 3D Scene","content":"Create a webGL view and load an STL mesh illuminated with a spotlight","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/3d_scene/main.py"},{"title":"Example: AI Interface","content":"Utilize the [replicate](https://replicate.com) library to perform voice-to-text transcription","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/ai_interface/main.py"},{"title":"Example: API Requests","content":"Fetch and display random quotes from [Zen Quotes API](https://zenquotes.io/)","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/api_requests/main.py"},{"title":"Example: Audio Recorder","content":"Record audio, play it back or download it","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/audio_recorder/main.py"},{"title":"Example: Authentication","content":"Use sessions to build a login screen","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/authentication/main.py"},{"title":"Example: Chat App","content":"Build a simple chat app","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/chat_app/main.py"},{"title":"Example: Chat with AI","content":"Build a simple chat app with AI","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/chat_with_ai/main.py"},{"title":"Example: Custom Binding","content":"Create a custom binding for a label with a bindable background color","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/custom_binding/main.py"},{"title":"Example: Custom Vue Component","content":"Write and integrate a custom Vue component","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/custom_vue_component/main.py"},{"title":"Example: Descope Auth","content":"Build a login form and user profile using [Descope](https://descope.com)","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/descope_auth/main.py"},{"title":"Example: Device Control","content":"Demonstrate how to control an IoT device like a lightbulb","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/device_control/main.py"},{"title":"Example: Docker Image","content":"Use the official [zauberzeug/nicegui](https://hub.docker.com/r/zauberzeug/nicegui) Docker image","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/docker_image/main.py"},{"title":"Example: Download Text as File","content":"Provide in-memory data like strings as file download","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/download_text_as_file/main.py"},{"title":"Example: Editable AG Grid","content":"Build an editable AG Grid allowing to add, edit, and delete rows","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/editable_ag_grid/main.py"},{"title":"Example: Editable Table","content":"Build an editable table allowing to add, edit, and delete rows","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/editable_table/main.py"},{"title":"Example: FastAPI","content":"Illustrate the integration of NiceGUI with an existing FastAPI application","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/fastapi/main.py"},{"title":"Example: FFmpeg Extract Images","content":"Use FFmpeg to extract images from a video file","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/ffmpeg_extract_images/main.py"},{"title":"Example: FullCalendar","content":"Show an interactive calendar using the [FullCalendar library](https://fullcalendar.io/)","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/fullcalendar/main.py"},{"title":"Example: Generate PDF","content":"Create an SVG preview and PDF download from input form elements","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/generate_pdf/main.py"},{"title":"Example: Global Worker","content":"Demonstrate a global worker for heavy computations with progress feedback","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/global_worker/main.py"},{"title":"Example: Google OAuth2","content":"Authenticate with Google OAuth2","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/google_oauth2/main.py"},{"title":"Example: Google One-Tap Auth","content":"Authenticate users via Google One-Tap","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/google_one_tap_auth/main.py"},{"title":"Example: Image Mask Overlay","content":"Overlay an image with a mask","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/image_mask_overlay/main.py"},{"title":"Example: Infinite Scroll","content":"Present an infinitely scrolling image gallery","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/infinite_scroll/main.py"},{"title":"Example: Lightbox","content":"Build a thumbnail gallery where each image can be clicked to enlarge","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/lightbox/main.py"},{"title":"Example: Local File Picker","content":"Demonstrate a dialog for selecting files locally on the server","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/local_file_picker/main.py"},{"title":"Example: Menu and Tabs","content":"Use Quasar to create foldable menu and tabs inside a header bar","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/menu_and_tabs/main.py"},{"title":"Example: Modularization","content":"Modularize your application into multiple files and reuse code","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/modularization/main.py"},{"title":"Example: NGINX HTTPS","content":"Serve NiceGUI with HTTPS encryption behind NGINX","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/nginx_https/main.py"},{"title":"Example: NGINX Subpath","content":"Serve NiceGUI on a subpath behind a reverse proxy","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/nginx_subpath/main.py"},{"title":"Example: Node Module Integration","content":"Use multiple third-party NPM modules as dependencies in a NiceGUI app","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/node_module_integration/main.py"},{"title":"Example: OpenAI Assistant","content":"Use OpenAI's Assistant API with async/await","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/openai_assistant/main.py"},{"title":"Example: OpenCV Webcam","content":"Use OpenCV to capture images from a webcam","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/opencv_webcam/main.py"},{"title":"Example: Pandas DataFrame","content":"Display an editable [pandas](https://pandas.pydata.org) DataFrame","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/pandas_dataframe/main.py"},{"title":"Example: Progress","content":"Demonstrate a progress bar for heavy computations","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/progress/main.py"},{"title":"Example: Pyserial","content":"Communicate with a serial device","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/pyserial/main.py"},{"title":"Example: Pytests","content":"Test a NiceGUI app with pytest","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/pytests/main.py"},{"title":"Example: Reaktiv Order Calculator","content":"An order calculator using reactive signals from the [reaktiv](https://github.com/buiapp/reaktiv) library","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/reaktiv/main.py"},{"title":"Example: Redis Storage","content":"Use Redis storage to share data across multiple instances behind a reverse proxy or load balancer","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/redis_storage/main.py"},{"title":"Example: ROS2","content":"Use NiceGUI as web interface for a ROS2 robot","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/ros2/main.py"},{"title":"Example: Script Executor","content":"Execute scripts on selection and display the output","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/script_executor/main.py"},{"title":"Example: Search As You Type","content":"Use the public API of [thecocktaildb.com](https://www.thecocktaildb.com/) to search for cocktails","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/search_as_you_type/main.py"},{"title":"Example: Signature Pad","content":"Build a custom element based on the third-party NPM module [signature_pad](https://www.npmjs.com/package/signature_pad)","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/signature_pad/main.py"},{"title":"Example: Simpy","content":"Build a SimPy traffic light demo","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/simpy/main.py"},{"title":"Example: Single Page App","content":"Navigate without reloading the page","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/single_page_app/main.py"},{"title":"Example: Slideshow","content":"Implement a keyboard-controlled image slideshow","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/slideshow/main.py"},{"title":"Example: Slots","content":"Use scoped slots to customize Quasar elements","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/slots/main.py"},{"title":"Example: SQLite Database","content":"Perform CRUD operations on a SQLite database with async-support through Tortoise ORM","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/sqlite_database/main.py"},{"title":"Example: Stripe","content":"Use Stripe to process payments","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/stripe/main.py"},{"title":"Example: SVG Clock","content":"Display an analog clock by updating an SVG with `ui.timer`","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/svg_clock/main.py"},{"title":"Example: Table and Slots","content":"Use component slots in a table","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/table_and_slots/main.py"},{"title":"Example: Threaded NiceGUI","content":"Run NiceGUI in a separate thread with event-based communication","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/threaded_nicegui/main.py"},{"title":"Example: Todo List","content":"Build a simple todo list with checkboxes and text input","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/todo_list/main.py"},{"title":"Example: Trello Cards","content":"Show Trello-like cards that can be dragged and dropped into columns","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/trello_cards/main.py"},{"title":"Example: Custom SFC Vue Component using Vite","content":"Build Single-File Component (SFC) Vue components with Vite in NiceGUI","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/vue_vite/main.py"},{"title":"Example: Webserial","content":"Communicate with a serial device using the WebSerial API","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/webserial/main.py"},{"title":"Example: Websockets","content":"Use the [websockets library](https://websockets.readthedocs.io/) to start a websocket server","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/websockets/main.py"},{"title":"Example: Xterm","content":"Connect a terminal emulator [xterm.js](https://github.com/xtermjs/xterm.js) to a Bash process","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/xterm/main.py"},{"title":"Example: ZeroMQ","content":"Build a simple ZeroMQ PUSH/PULL server and client","format":"md","url":"https://github.com/zauberzeug/nicegui/tree/main/examples/zeromq/main.py"}]