Animated Website Graphic for Agent and Canvas Interaction in Lunagraph

X postPutri Karunia10 September 2026Demo

Putri Karunia showcases an animated website graphic designed and animated in Lunagraph, illustrating the interaction between an agent and a canvas interface.

Key points

Visualisation of agent and canvas interactions designed for website presentation.
Created and animated entirely using Lunagraph.
Draws directly from the actual canvas UI within the project codebase.
Underlying application design credited to Riyvir (@Riyvir).

Why it matters

Modern AI tools increasingly pair agents with canvas workspaces, making visual demonstrations essential for explaining interface mechanics clearly to prospective users.

Analysis

The showcase highlights how dedicated animation tools like Lunagraph can bridge the gap between production code and marketing assets by reusing real UI elements to demonstrate complex interactions accurately.

Original post

Putri Karunia

@putrikarunian · 10 September 2026

Website graphic for agent x canvas interaction Designed & animated in @lunagraphHQ t.co/kQphOuaxqf

245 likes11 replies234 bookmarks10.8k views

View on X

Mentioned links

Original Post on X by Putri Karuniax.com/putrikarunian/status/2098120333371056539

Links and tools from this entry

Lunagraph: Visual design canvas generating React code via Claude Code and MCPLink

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

X post:code w/Guillaume 💻6 Oct 2026
Prompt Motion: Gallery of Claude Opus 5.5 Motion Graphics
The website prompt-motion.com curates motion graphics generated with Claude Opus 5.5 on X, pairing each animation with its corresponding prompt.
1.2kbookmarks52.7kviews
AI & LLMs· Resource
X post:Nizam21 Sept 2026
UI Concepts for Agentic AI Platforms
Designer Nizam shares a video demonstration of an interface design for an agentic platform, opening a discussion on how UI for AI agents should look.
281bookmarks19kviews
AI & LLMs· Demo
X post:Alex10 Aug 2026
Alex Announces the Agentic UI Showcase
Alex has launched the Agentic UI Showcase, a collection highlighting product interfaces created with Agentic UI.
1.1kbookmarks69.3kviews
AI & LLMs· Announcement
Link:jitter.video19 Sept 2026
Jitter: Web-Based Motion Design Tool Integrates AI Agents
Jitter has introduced AI-driven features called Superagents to its browser-based motion design platform, allowing creators to generate and refine editable animations, effects, and variations via text prompts.
AI & LLMs· Tool
Link:Lunagraph1 Oct 2026
Lunagraph: Visual design canvas generating React code via Claude Code and MCP
Lunagraph is a visual design tool for design engineers that translates layouts, component states, and interactive flows directly into executable React code. It connects with external AI coding agents such as Claude Code, Codex, or Cursor via MCP, allowing teams to manipulate real codebase components right on the canvas.
AI & LLMs· Tool
X post:(Oma)devuae13 Sept 2026
Animating Static Ad Designs Using Jitter AI
Designer (Oma)devuae showcases how to animate static ad designs for a portfolio using Jitter AI, detailing the limitations of the platform's free tier.
697bookmarks72.9kviews
AI & LLMs· Demo