Skip to content

Cymatic

Cymatic is a voice-to-whiteboard project where the user will speak, and it will convert all the data into flow charts and diagrams.

Code Demo Cerebral Valley

Core trick

Transcribes speech and has Gemini emit a node-and-edge graph that renders as a flowchart on a whiteboard canvas.

Tags

productivityvoice

Description

Cymatic is a voice-to-whiteboard project where the user will speak, and it will convert all the data into flow charts and diagrams. It is very time-consuming to make whiteboard diagrams, but this problem is solved by Cymatic, backed by multilingual support, supported byup too 100 languages. It will help you ease your diagramming and note-taking as well.
MaqboolSaiyed/Cymatic★ 00 forksTypeScriptApache-2.0Created Feb 14, 2026 · last push Feb 14, 2026

README excerpt

<p align="center">
  <h1 align="center">🎙️ Cymatic</h1>
  <p align="center"><strong>Voice-Powered AI Whiteboard — Speak, and watch your ideas come to life.</strong></p>
</p>

<p align="center">
  <img src="https://img.shields.io/badge/Gemini-3_Pro-4285F4?style=for-the-badge&logo=google&logoColor=white" />
  <img src="https://img.shields.io/badge/Gemini-2.5_Flash_TTS-34A853?style=for-the-badge&logo=google&logoColor=white" />
  <img src="https://img.shields.io/badge/Imagen-4.0-EA4335?style=for-the-badge&logo=google&logoColor=white" />
  <img src="https://img.shields.io/badge/React-19-61DAFB?style=for-the-badge&logo=react&logoColor=black" />
  <img src="https://img.shields.io/badge/FastAPI-0.100+-009688?style=for-the-badge&logo=fastapi&logoColor=white" />
</p>

---

<p align="center">
  <img src="docs/hero.png" alt="Cymatic Hero Page" width="100%" />
</p>

## 🌟 What is Cymatic?

**Cymatic** is an AI-powered whiteboard that transforms your voice into professional diagrams, images, and visual notes — in real time. Just speak (or type), and watch Gemini interpret your intent and render it on an infinite canvas.

Built for the **Google AI Hackathon 2025**, Cymatic showcases the power of Gemini's multimodal capabilities — audio understanding, structured generation, text-to-speech, and image synthesis — all woven into a single, seamless creative tool.

---

## ✨ Features

| Feature | Description |
|---------|-------------|
| 🎙️ **Voice-to-Diagram** | Speak naturally and get production

Team