
Fun interactive science app ideas | Part 4 Made a turbofan jet engine airflow simulator UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
The Hook
“(No spoken dialogue — The track begins with a sustained, evolving pad sound, creating an atmospheric and slightly mysterious mood.)”
Product Reveal
“(No spoken dialogue — A subtle, high-frequency riser begins to build, leading into a significant sub-bass drop/impact at 00:08. This is followed by a driving, arpeggiated synth melody with a prominent sub-bass line and crisp, electronic percussion. Another high-energy riser starts at 00:15, culminating in a powerful sub-bass drop/impact at 00:16.)”
Feature Teaser
“(No spoken dialogue — A more intense, layered synth melody and rhythmic elements continue. A distinct sweep sound is heard at 00:23.)”
Call to Action
“(No spoken dialogue — Another sub-bass impact at 00:24. The intensity builds again with a riser from 00:30, leading to a final, impactful sub-bass drop at 00:31, which then fades out with a sustained synth pad.)”
Synthesizable in Remotion · key components of the interactive-3d-simulator-showcase template.
A semi-transparent information card appears on screen, pointing to a specific part of the 3D model, displaying relevant data and descriptive text. It animates in with a subtle fade and slide.
Use Remotion's `AbsoluteFill` for layout, `spring` for fade and slide animations of the card, and `interpolate` for line drawing from the card to the 3D model. SVG paths can be used for the connecting lines, animated with `stroke-dashoffset`.
A horizontal slider UI element allows users to adjust a parameter (e.g., 'THROTTLE'), with a corresponding numerical readout updating in real-time. The slider knob moves smoothly, and the numerical value animates its change.
Implement with Remotion's `useCurrentFrame` and `interpolate` to link slider position to numerical values. Use `spring` for the slider knob's movement and `AnimatePresence` for smooth number transitions in the readout.
The 3D model of the jet engine rotates dynamically, allowing viewers to see different components from various angles. During rotation, specific parts might slightly separate or highlight to emphasize their function.
Utilize a 3D library (e.g., Three.js integrated with Remotion Canvas) to render the jet engine. Animate the camera's `rotation` and `position` properties using `interpolate` or `spring` for smooth orbital movements. Individual component transforms can be animated for 'exploded' views.
Purpose. Introduce the core product and its primary function.
Execution. Wide shot of the full jet engine simulation with active airflow and initial data readouts.
Purpose. Showcase the interactive nature and detailed information available for each part.
Execution. Camera zooms and pans to individual components, triggering interactive information cards.
Purpose. Demonstrate the real-time simulation capabilities and visual feedback.
Execution. Engine rotation, animated airflow paths, and throttle adjustments with immediate visual and data changes.
Purpose. Reinforce the comprehensive and engaging nature of the application.
Execution. Return to the full view, allowing the user to see the entire system operating dynamically, with subtle UI prompts.
Objective
Launch an interactive solar system simulator for educational purposes.How the recipe adapts
The 'InteractiveDataOverlay' primitive will be adapted for planetary information cards, detailing facts like mass, radius, and orbital period. The 'DynamicThrottleControl' will become a 'TimeWarpSlider' to control the simulation speed of planetary orbits. The 'ExplodedViewRotation' will be used to orbit around planets and zoom into their surfaces, revealing moons or atmospheric details.Scene durations (4 scenes, 40s)
Key Remotion components

Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.

A vibe design partner with an AI-native canvas for turning ideas into UI.

Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try: