Canva Code

All projects

Apps & Tools

Create and publish interactive web experiences using conversational AI

byCanva

Playable

Canva Code media is blocked

Allow external media to connect to the provider and play this content.

Description

An AI-powered design interface within Canva that translates natural language prompts into interactive web layouts and functional components. The system allows users to iterate on designs through chat, requesting specific elements like editorial image carousels, tabbed project switchers, and live countdown widgets.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Shows a sophisticated conversational interface for generating functional UI and logic-based components rather than…
Attributed to: @canva
Built with: K2.7 Code North Mini Code Seedance 2.0
Links: canva.com
View tweet
Tags: #design #interactive #nocode #ui-generation

Discovered: X
First posted: X · Jul 14, 2026
Listed: Added 4h ago
Build: Strong
Models: Moderate

Prompt

Create an interactive project overview for my interior design studio, with an editorial aesthetic. Include a hero image carousel and a tabbed project switcher

Great! Can you add a way to countdown to the delivery date?

Source

Canva Code

Description

Timeline

Canva Code

Description

Timeline