# modal Published articles for modal. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Deploying Parallel Remote Coding Agents with Decode DevFeed: [Deploying Parallel Remote Coding Agents with Decode]() Original publisher: [Read original article]() Author: Paul Iusztin Published: 2026-09-10T05:02:03Z Content type: tutorial Language: en Sources: [Decoding ML]() Topics: [AI-assisted coding](), [Command-line interface](), [Serverless](), [Python]() Tags: [cli](), [coding-agents](), [modal](), [parallel]() ### AI overview This tutorial explains how to deploy the Decode coding-agent harness as remote background jobs. It covers moving from a TUI to a headless CLI, running jobs on Modal, and supporting parallel sessions across multiple projects. ### Source excerpt Run the harness remotely on Modal, triggered by your CLI, a webhook, or a nightly cron. ## Deploy a Private Hermes Agent on Render Securely with Pulumi, Modal, and Tailscale DevFeed: [Deploy a Private Hermes Agent on Render Securely with Pulumi, Modal, and Tailscale]() Original publisher: [Read original article]() Author: Engin Diri Published: 2026-06-24T00:00:00Z Content type: tutorial Language: en Sources: [Pulumi]() Topics: [Artificial Intelligence](), [Deployment](), [Self-hosted](), [Open Source](), [hosting](), [cloud-infrastructure](), [Code](), [ui](), [Messaging]() Tags: [agent](), [ai](), [ai-agents](), [building](), [code](), [hosting](), [how-to](), [modal](), [open-source](), [pulumi](), [pulumi-esc](), [python](), [render](), [security](), [self-hosting](), [server](), [services](), [tailscale](), [tutorials](), [typescript](), [ui]() ### AI overview A tutorial for deploying a private Hermes AI agent with Pulumi across Render, Modal, and Tailscale. Render hosts private services, Tailscale provides tailnet access, and Modal runs agent-generated code in temporary sandboxes. ### Source excerpt Personal AI agents had their breakout this year. OpenClaw crossed 100,000 GitHub stars within months of launching, and self-hosting your own assistant went from a hobbyist trick to something a lot of developers actually do. I wrote up how to deploy that lobster to AWS or Hetzner back when it was everywhere. The one people are switching to now is Hermes, the open-source runtime from Nous Research, and it caught on just as quickly. The reason shows up in every "I ditched OpenClaw for Hermes" thread: it actually learns, building up memory and writing its own skills as it goes instead of running off a static, human-written list. Here is the part the launch videos skip. Hermes writes and runs its own code, with no human approving the commands. A model that can write code will eventually write a bad one, and the only thing between that command and your credentials is the sandbox it runs in. That is the box you do not want on the public internet. Researchers found 175,000 exposed Ollama servers sitting open in early 2026, and attackers hijack the ones they find for compute. The fix is not a better lock on the front door. It is to have no front door at all. So this post deploys a private Hermes agent as one Pulumi program across Render, Modal, and Tailscale. The agent and its chat UI run as Render private services with no public URL, Tailscale puts the UI on your tailnet, and Modal runs the agent's code in throwaway sandboxes. One pulumi up to stand it up, one pulumi destroy to tear it down, around $50 a month. No Makefile, no CLI escape hatches, and an honest look at the few places "nothing on the public internet" still leaks. What is Hermes? Hermes is the open-source, MIT-licensed agent runtime from Nous Research. It runs continuously on a server rather than living in a browser tab, and you talk to it through a chat UI or a messaging platform like Telegram, Discord, Slack, or Signal. A few things make it more than a chatbot: It is model-agnostic. You point it at any provi ## and popover: Baseline layered UI patterns DevFeed: [and popover: Baseline layered UI patterns]() Original publisher: [Read original article]() Author: David A Herron Homepage Published: 2025-11-25T08:00:00Z Content type: article Language: en Sources: [web.dev: Articles]() Topics: [dialog](), [aria](), [browsers](), [Web](), [web applications](), [modern web development](), [JavaScript]() Tags: [aria](), [article](), [browsers](), [dialog](), [how-to](), [javascript](), [modal](), [ui](), [user-experience](), [user-interface](), [web-applications]() ### AI overview This article explains how to build modal and popover UI patterns with features built into modern web browsers. It demonstrates a sign-up modal that appears when a user tries to save an image to a favorites list without being logged in, and discusses the accessibility behavior required for modal dialogs. ### Source excerpt Learn how to build UI patterns for modal windows and prompts using the and popover web features. ## Introducing Compose Unstyled: The missing Design System layer for Compose UI DevFeed: [Introducing Compose Unstyled: The missing Design System layer for Compose UI]() Original publisher: [Read original article]() Author: Alex Styl Published: 2025-08-07T00:00:00Z Content type: release Language: en Sources: [Composables - Concise, no-fluff video tutorials for Android developers]() Topics: [Compose](), [Design system](), [ui](), [Accessibility](), [multiplatform]() Tags: [accessibility](), [compose](), [compose-multiplatform](), [design-system](), [modal](), [navigation]() ### AI overview Compose Unstyled is introduced as an API built on Compose Foundation for creating customizable, accessible components and design systems without Material's styling constraints. The article describes renderless component patterns, flexible theming through standard Compose APIs, and support for custom layouts across platforms. ### Source excerpt Compose Unstyled provides accessible, unstyled components for building any design system on top of Compose Foundation without Material's constraints. ## Drawing Custom Alerts on Top of Bottom Sheets in Jetpack Compose DevFeed: [Drawing Custom Alerts on Top of Bottom Sheets in Jetpack Compose]() Original publisher: [Read original article]() Author: Sanskar Agrawal Published: 2024-10-08T06:26:32Z Content type: tutorial Language: en Sources: [Sanskar's Stuff]() Topics: [Compose](), [Jetpack Compose](), [Android](), [Mobile](), [ui]() Tags: [android](), [compose](), [implementation](), [jetpack-compose](), [mobile](), [modal](), [ui]() ### AI overview A Jetpack Compose tutorial showing how to draw a custom alert above an open bottom sheet. It uses a popup-based alert and explains that upgrading to Material 3 version 1.3.0-alpha06 or later fixes earlier bottom-sheet scrim and navigation-bar inset issues; the article uses the available 1.3.0 stable release. ### Source excerpt Bottom Sheets have become ubiquitous in Mobile design across Android and iOS. If you're using Jetpack Compose, you'll likely implement them using either the ModalBottomSheet or the BottomSheetScaffold. The former is more used in my experience, so fur... ## How I built my first search component in React DevFeed: [How I built my first search component in React]() Original publisher: [Read original article]() Published: 2020-07-17T00:00:00Z Content type: tutorial Language: en Sources: [HackerEarth]() Topics: [React](), [Redux](), [Development](), [Document Object Model (DOM)]() Tags: [architecture](), [caching](), [code](), [components](), [modal](), [module](), [react](), [redux](), [render](), [search](), [server]() ### AI overview A developer explains how they built a React search component for a donation platform. The component displays search results in a modal, uses Redux actions, reducers, and a store to manage state, and relies on a service layer for server requests, caching, and error handling. ### Source excerpt In 2016, I was working to build a platform to help NGOs raise donations. The platform was supposed to be built using React. The beautiful designs were in place. I was excited to build some new features as well as to try out the new architecture using Redux on a larger scale. Yes, this was the time when Redux was fairly new. React still had PropTypes package attached to its core. The lifecycle method componentWillReceiveProps used to dominate the scene. Out of the many design components that I worked while building that platform, I am going to discuss my first search component in React here. Elements of a search bar The search bar was a simple input field placed at the middle of the main header. The design idea was to have a search component which displays results as soon as the user inputs something in it. Then, to provide a simple cross icon at the right end of the input field to clear the inputs and hide the search results. The search results were supposed to appear inside a modal starting below the main header of the site. Below are the designs to help you visualise things better: If you typed on the search bar, a search results component appeared and showed NGOs, Live Projects and Campaigns. Development Redux Architecture While building apps using Redux architecture, one should be cognizant of its three principles (Single source of truth, State is read-only and Changes are made with pure functions). In computer programming, a pure function is a function that has the following properties: Its return value is the same for the same arguments Its evaluation has no side effects In our case, a single module (file) was created to include action types, reducers and action creators. The flow was - when the user inputs something in the search field, we will take that value and pass it through an action creator which will fetch the results from the server for the queried string and return an action type along with the result. There was also a service layer in the middle, w ## Introducing Firebase In-App Messaging DevFeed: [Introducing Firebase In-App Messaging]() Original publisher: [Read original article]() Author: Jon Mensing Published: 2018-08-20T00:00:00Z Content type: release Language: en Sources: [Firebase Blog]() Topics: [Firebase](), [App](), [Messaging](), [Mobile](), [Google Analytics]() Tags: [app](), [cloud-messaging](), [firebase](), [google-analytics](), [image](), [in-app-messaging](), [launch](), [messaging](), [mobile](), [modal](), [notifications](), [predictions](), [real-time](), [updates]() ### AI overview Firebase announces In-App Messaging, a feature for sending targeted, contextual messages to users while they are actively using a mobile app. Messages can be customized, triggered by Analytics events, and targeted using profile data, behavior, and Firebase Predictions. ### Source excerpt News, tutorials, and updates from the Firebase team. ## Square Menu Embed v2 Adds Shopping Basket Support DevFeed: [Square Menu Embed v2 Adds Shopping Basket Support]() Original publisher: [Read original article]() Author: Square Engineering Published: 2014-08-07T16:07:00Z Content type: release Language: en Sources: [Square Corner Blog RSS Feed]() Topics: [Website](), [browser]() Tags: [checkout](), [customers](), [embedded](), [engineering](), [modal](), [release](), [sales](), [shopping]() ### AI overview Square's Menu Embed v2 adds shopping basket support, responsive item modals, and an embedded cart so customers can customize, review, and purchase multiple items without leaving a seller's website. ### Source excerpt Our interactive menu embeds now turn your website into an online store