lumina-slides 8.2.0 → 8.2.1

package/README.md

@@ -5,10 +5,13 @@
   <p>
     <b>The Interface Layer for the Agentic Era</b>
   </p>
-  <p>
     The first presentation engine designed for <b>LLMs</b>. Turn JSON into cinematic, interactive experiences.
   </p>
   <br />
+
+  <img src="public/demo.gif" alt="Lumina Engine Demo" width="100%" style="border-radius: 8px; border: 1px solid rgba(255,255,255,0.1);" />
+
+  <br />
 </div>
 
 **Lumina Engine** is a high-performance, declarative library that enables AI agents and LLMs to generate professional, interactive UI and slide decks by simply outputting JSON. It bridges the gap between text generation and visual storytelling, offering deterministic, GPU-accelerated rendering without the hallucination of pixel-generation.
@@ -90,13 +93,47 @@ engine.load(llmOutput);
 
 Lumina provides semantic layout types that LLMs can easily select based on context.
 
-| Type            | Best Used For...                                     |
-| :-------------- | :--------------------------------------------------- |
-| **`statement`** | Big ideas, quotes, titles. Great for "cover" slides. |
-| **`half`**      | Comparisons, text + image context.                   |
-| **`features`**  | Lists of benefits, KPIs, or grid items.              |
-| **`timeline`**  | Chronological events, roadmaps, history.             |
-| **`steps`**     | Tutorials, flows, numbered processes.                |
+### **Statement**
+
+Big ideas, quotes, titles. Great for "cover" slides.
+
+[![Statement Layout](public/layout-statement.png)](public/layout-statement.json)
+[View JSON Source](public/layout-statement.json)
+
+### **Half**
+
+Comparisons, text + image context.
+
+[![Half Layout](public/layout-half.png)](public/layout-half.json)
+[View JSON Source](public/layout-half.json)
+
+### **Features**
+
+Lists of benefits, KPIs, or grid items.
+
+[![Features Layout](public/layout-features.png)](public/layout-features.json)
+[View JSON Source](public/layout-features.json)
+
+### **Timeline**
+
+Chronological events, roadmaps, history.
+
+[![Timeline Layout](public/layout-timeline.png)](public/layout-timeline.json)
+[View JSON Source](public/layout-timeline.json)
+
+### **Steps**
+
+Tutorials, flows, numbered processes.
+
+[![Steps Layout](public/layout-steps.png)](public/layout-steps.json)
+[View JSON Source](public/layout-steps.json)
+
+### **Embedded (Widget Mode)**
+
+Slides constrained to a container, perfect for dashboards.
+
+[![Embedded Layout](public/layout-embedded.png)](public/layout-embedded.json)
+[View JSON Source](public/layout-embedded.json)
 
 ## 📚 API Reference