Project Detail
Premium DNA Helix Medical Tech
Create a premium DNA helix medical technology Lottie animation in clean futuristic vector motion-graphic style. Show one large glowing DNA double helix centered on the canvas. Build it from clear vector parts: two curved vertical helix strands, multiple connector bars between the strands, small glowing node dots on each side, a circular scanner ring behind the helix, subtle medical data particles, soft glow behind the subject, and a small clean base shadow below. Composition: The DNA helix should be centered and occupy about 65% of the
Versions
Generation History
Version 1
Success
2026-06-08 10:46:51
AI Blueprint
Motion Plan
{
"mode": "ai_motion_scene_graph",
"title": "Premium DNA Helix Medical Tech",
"subject": "DNA double helix",
"intent": "Showcase a glowing futuristic DNA helix with medical tech style",
"scene_intent": "Showcase a glowing futuristic DNA helix with medical tech style",
"prompt": "Create a premium DNA helix medical technology Lottie animation in clean futuristic vector motion-graphic style.\n\nShow one large glowing DNA double helix centered on the canvas. Build it from clear vector parts: two curved vertical helix strands, multiple connector bars between the strands, small glowing node dots on each side, a circular scanner ring behind the helix, subtle medical data particles, soft glow behind the subject, and a small clean base shadow below.\n\nComposition:\nThe DNA helix should be centered and occupy about 65% of the",
"canvas": {
"width": 1200,
"height": 800,
"fps": 30,
"duration_seconds": 6
},
"style": {
"background": "#050B0A",
"primary": "#1D4ED8",
"secondary": "#111827",
"accent": "#22D3EE",
"text": "#FFFFFF"
},
"groups": [
{
"id": "environment",
"name": "Environment",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": 0
},
{
"id": "rings",
"name": "Rings",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 60,
"z_index": 5
},
{
"id": "particles",
"name": "Particles",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 40,
"z_index": 10
},
{
"id": "main_subject",
"name": "Main Subject",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": 20
},
{
"id": "details",
"name": "Details",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 90,
"z_index": 25
},
{
"id": "glow",
"name": "Glow",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 50,
"z_index": 15
},
{
"id": "trails",
"name": "Trails",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": -10
}
],
"objects": [
{
"id": "scanner_ring",
"group_id": "rings",
"name": "Scanner Ring",
"type": "ring",
"role": "ring",
"x": 600,
"y": 400,
"width": 780,
"height": 780,
"radius": 390,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 60,
"z_index": 5
},
{
"id": "helix_strand_left",
"group_id": "main_subject",
"name": "Left Strand",
"type": "polygon",
"role": "main_body",
"x": 600,
"y": 400,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
0,
0
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 100,
"z_index": 20
},
{
"id": "helix_strand_right",
"group_id": "main_subject",
"name": "Right Strand",
"type": "polygon",
"role": "main_body",
"x": 600,
"y": 400,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
0,
0
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 100,
"z_index": 20
},
{
"id": "connector_1",
"group_id": "main_subject",
"name": "Connector 1",
"type": "rect",
"role": "connector",
"x": 600,
"y": -220,
"width": 40,
"height": 8,
"radius": 4,
"rotation": 15,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 21
},
{
"id": "connector_2",
"group_id": "main_subject",
"name": "Connector 2",
"type": "rect",
"role": "connector",
"x": 600,
"y": -140,
"width": 40,
"height": 8,
"radius": 4,
"rotation": -15,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 21
},
{
"id": "connector_3",
"group_id": "main_subject",
"name": "Connector 3",
"type": "rect",
"role": "connector",
"x": 600,
"y": -60,
"width": 40,
"height": 8,
"radius": 4,
"rotation": 15,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 21
},
{
"id": "connector_4",
"group_id": "main_subject",
"name": "Connector 4",
"type": "rect",
"role": "connector",
"x": 600,
"y": 20,
"width": 40,
"height": 8,
"radius": 4,
"rotation": -15,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 21
},
{
"id": "connector_5",
"group_id": "main_subject",
"name": "Connector 5",
"type": "rect",
"role": "connector",
"x": 600,
"y": 100,
"width": 40,
"height": 8,
"radius": 4,
"rotation": 15,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 21
},
{
"id": "node_left_1",
"group_id": "details",
"name": "Node Left 1",
"type": "circle",
"role": "node",
"x": 520,
"y": 180,
"width": 14,
"height": 14,
"radius": 7,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 22
},
{
"id": "node_right_1",
"group_id": "details",
"name": "Node Right 1",
"type": "circle",
"role": "node",
"x": 680,
"y": 180,
"width": 14,
"height": 14,
"radius": 7,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 22
},
{
"id": "node_left_2",
"group_id": "details",
"name": "Node Left 2",
"type": "circle",
"role": "node",
"x": 520,
"y": 60,
"width": 14,
"height": 14,
"radius": 7,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 22
},
{
"id": "node_right_2",
"group_id": "details",
"name": "Node Right 2",
"type": "circle",
"role": "node",
"x": 680,
"y": 60,
"width": 14,
"height": 14,
"radius": 7,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 22
},
{
"id": "glow_behind",
"group_id": "glow",
"name": "Soft Glow",
"type": "ellipse",
"role": "glow",
"x": 600,
"y": 400,
"width": 700,
"height": 700,
"radius": 350,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 50,
"z_index": 15
},
{
"id": "base_shadow",
"group_id": "environment",
"name": "Base Shadow",
"type": "ellipse",
"role": "shadow",
"x": 600,
"y": 740,
"width": 400,
"height": 40,
"radius": 20,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "none",
"stroke_width": 0,
"opacity": 70,
"z_index": 1
},
{
"id": "particle_1",
"group_id": "particles",
"name": "Particle 1",
"type": "circle",
"role": "particle",
"x": 480,
"y": 320,
"width": 6,
"height": 6,
"radius": 3,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 40,
"z_index": 10
},
{
"id": "particle_2",
"group_id": "particles",
"name": "Particle 2",
"type": "circle",
"role": "particle",
"x": 720,
"y": 480,
"width": 6,
"height": 6,
"radius": 3,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 40,
"z_index": 10
}
],
"timeline": [
{
"target_group_id": "main_subject",
"animation": "hover_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "rings",
"animation": "spin_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.5,
"loop": true
},
{
"target_group_id": "particles",
"animation": "drift_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.3,
"loop": true
},
{
"target_group_id": "glow",
"animation": "pulse_loop",
"start_frame": 0,
"end_frame": 120,
"intensity": 0.7,
"loop": true
},
{
"target_group_id": "details",
"animation": "shimmer_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.5,
"loop": true
}
],
"quality_notes": "Compact vector shapes with glowing accent colors and subtle animations for a clean futuristic medical DNA helix.",
"_model_used": "gpt-4.1-mini",
"_raw_response_id": "resp_0f1b17357f3c2a0b006a269d72ed908194aaff5a6f546e2aa2",
"_tokens_used": 3049,
"_prompt_tokens": 1015,
"_completion_tokens": 2034,
"transparent_background": false,
"_graph_quality": {
"passed": true,
"issues": [],
"warnings": [],
"roles": [
"ring",
"main_body",
"connector",
"node",
"glow",
"shadow",
"particle"
],
"required_roles": [],
"object_count": 16,
"group_count": 7,
"timeline_count": 5
},
"_lottie_quality": {
"passed": true,
"score": 100,
"issues": [],
"warnings": [],
"stats": {
"layers": 21,
"shape_layers": 21,
"text_layers": 0,
"visible_layers": 5,
"animated_layers": 20,
"foreground_layers": 20,
"particle_like_layers": 2,
"canvas_width": 1200,
"canvas_height": 800
}
}
}
Rendered Project
Ready
Live Lottie Preview
Loading preview
The saved JSON animation will render here.