
Flux links your phone to Omarchy: clipboard sync, fingerprint sudo, file transfer, and desktop notifications you can reply to.
The Hook
“(No spoken dialogue — The audio track features an ambient electronic score with a melancholic and reflective mood.)”
Product Reveal
“(No spoken dialogue — The audio track features an ambient electronic score with a melancholic and reflective mood.)”
Feature Teaser
“(No spoken dialogue — The audio track features an ambient electronic score with a melancholic and reflective mood.)”
Call to Action
“(No spoken dialogue — The audio track features an ambient electronic score with a melancholic and reflective mood.)”
Synthesizable in Remotion · key components of the flux-interconnectivity-showcase template.
Two distinct UI interfaces (phone and desktop) are displayed side-by-side, often with one taking up a larger portion of the screen. Interactions on one screen are reflected or complemented on the other.
Use Remotion's <AbsoluteFill> and <Sequence> components. Position two child components, each rendering a screen recording or UI mock-up, using CSS grid or flexbox for layout. Animate width/height properties with `interpolate` for dynamic resizing.
Text appears character by character, simulating a typewriter effect, often accompanied by a subtle cursor animation.
Render text using a <Text> component. Use `interpolate` on the `clipPath` or `width` CSS property, or iterate over characters and animate their `opacity` and `transform` (e.g., `translateY`) with a slight delay for each character.
UI elements (buttons, notifications, text blocks) appear or disappear with a gentle fade and a slight translational movement (e.g., sliding up or down a few pixels).
Apply `interpolate` to `opacity` from 0 to 1 and `transform: translateY` from a small offset (e.g., 10px) to 0. Use a `spring` animation for a more natural, bouncy feel on the `translateY` property.
Purpose. Establish the core problem of device silos and introduce Flux as the solution for seamless integration.
Execution. Opening with split-screen views of phone and desktop UIs, demonstrating initial interactions like scanning text or browsing files across devices.
Purpose. Showcase Flux's key functionalities in detail, highlighting practical use cases.
Execution. Sequential demonstrations of clipboard sync, file transfer, webcam integration, and remote command execution, each with clear UI animations.
Purpose. Illustrate more powerful features like fingerprint sudo and custom phone commands.
Execution. Visualizing the 'sudo su' approval process and the creation/execution of custom phone commands to control desktop functions.
Purpose. Conclude by reinforcing the overall benefit of a unified, efficient workflow.
Execution. A montage of various features working together, emphasizing the fluidity and ease of use, leading to a final product title card.
Objective
A smart home hub app that controls various devices, demonstrating how a user can adjust lighting and thermostat settings from their phone, with real-time feedback on a wall-mounted display.How the recipe adapts
The SplitScreenUI primitive would show the phone app on one side and the smart display UI on the other. SubtleUIFadeSlide would animate changes in temperature or light intensity on both screens. TypewriterTextReveal could introduce feature names like 'Adaptive Climate Control' or 'Mood Lighting Presets'. The dark aesthetic and calm pacing would be maintained, focusing on the ease of control and the seamless synchronization between the phone and the smart display.Scene durations (4 scenes, 168s)
Key Remotion components
Don't type, just speak. Flawless voice-to-text across every app at 240 WPM.

One workspace for knowledge scattered across Slack, email, Docs, and Notion. Connect your tools and build apps and agents that stay live with your data.

Notion positions itself as the backbone of your dock — a brand film of the Notion icon among everyday apps, ending on “Works with everything.”