Skip to content

calcstack/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Calcstack — AI-Powered Creative Suite

An all-in-one platform with 5 specialized editors: AI Diagram Generator, Circuit Simulator, AI Workflow Builder, CV & Resume Builder, and Mind Map Editor — all powered by AI.

Live App | Diagram Editor | Circuit Simulator | Workflow Builder | CV Builder | Mind Maps

Examples | Guides | Blog | Pricing

Calcstack Landing Page


Editors

1. AI Diagram Generator

Turn natural language into professional diagrams in seconds.

Diagram Editor

  • AI-Powered Generation — Describe any diagram in plain English, get instant results
  • Eraser.io-Style DSL — Human-readable syntax for precise control over shapes, groups, and connections
  • 3 Canvas Engines — Excalidraw (hand-drawn), React Flow (node-based), and Draw.io (enterprise)
  • Auto-Layout Engine — ELK-based orthogonal layout with clean 90-degree edge routing
  • 1000+ Icons — AWS, GCP, Azure, React, Docker, Kubernetes, databases, and more
  • 36+ Shape Types — Rectangles, circles, diamonds, databases, actors, hexagons, cylinders, and more
  • Multiple Layout Algorithms — ELK, Dagre, D3 hierarchical layouts
  • Diagram Types: Flowcharts, Architecture Diagrams, Mind Maps, Sequence Diagrams, ERDs, BPMN Workflows, Cloud Architecture, System Design, Org Charts, Family Trees
  • Image Attachments — Attach up to 3 reference images for AI to understand context
  • Generate & Refine Modes — Create from scratch or iterate on existing diagrams
  • Streaming Preview — Watch diagrams build in real-time as AI generates
  • Multi-Format Export — PNG, SVG, JSON, PDF, mxGraph XML
  • Interactive Editing — Drag, resize, restyle any element after generation
  • Template Library — Pre-built templates organized by category and difficulty

2. Circuit Simulator

Design and simulate digital logic circuits with AI assistance.

Circuit Simulator

  • 36+ Logic Components — AND, OR, NOT, NAND, NOR, XOR, XNOR, flip-flops, multiplexers, and more
  • Real-Time Simulation — Live signal propagation through your circuit
  • Truth Table Generation — Automatically generate truth tables for any circuit
  • Serial Monitor — Visualize output signals in real-time
  • AI-Assisted Design — Describe a circuit in natural language, get a working design
  • Drag-and-Drop Palette — Browse and place components from an organized component library
  • Code Editor — Write HDL/behavioral descriptions alongside visual circuits
  • Prompt History — Track and revisit previous AI-generated circuits

3. AI Agent Workflow Builder

Build visual AI agent workflows with a node-based editor.

Workflow Builder

  • Visual Node Editor — Drag-and-drop workflow builder for AI agent pipelines
  • LLM Integration — Connect to multiple AI models in your workflows
  • Tool & Data Source Nodes — Add API calls, data transformers, and tool nodes
  • Export to TypeScript — Generate executable TypeScript code from your visual workflow
  • Preset Workflows — Start from pre-built workflow templates
  • Node Simulation — Test individual nodes and run full workflow execution
  • AI-Assisted Generation — Describe your workflow, AI builds the node graph
  • Settings & Configuration — Fine-tune model parameters and node behavior

4. CV & Resume Builder

Create ATS-optimized resumes and cover letters with AI.

CV Builder

  • Professional Templates — Clean, recruiter-approved resume layouts
  • ATS Optimization — Built-in ATS compliance checker ensures your resume passes automated screening
  • AI Content Suggestions — Get AI-powered improvements for bullet points, summaries, and skills
  • Cover Letter Builder — Generate tailored cover letters alongside your resume
  • Multiple Document Management — Create, duplicate, and manage multiple resumes
  • Import Existing Resumes — Upload and edit your current resume
  • Live Preview — See changes in real-time as you edit
  • One-Click Export — Download as PDF instantly

5. Mind Map / Note Map Editor

AI-powered brainstorming and visual note-taking.

Mind Map Editor

  • AI Brainstorming — Type a topic, AI expands it into a structured mind map
  • Drag-and-Drop Canvas — Freely arrange and connect ideas
  • Auto-Organize — One-click layout to clean up your mind map
  • Hierarchical Notes — Nest ideas within parent nodes for structured thinking
  • Export & Share — Download or share your mind maps

Platform Features

AI & Generation

  • Multi-Model Support — OpenAI GPT-4o, Claude, and custom models via OpenRouter
  • Bring Your Own API Key — Use your own OpenAI, Anthropic, or OpenRouter API key to unlock unlimited AI generations
  • Streaming Responses — Real-time generation with live preview
  • Auto-Detection — AI automatically selects the best diagram type for your prompt
  • Temperature Control — Fine-tune AI creativity for different use cases

Canvas & Editing

  • Infinite Canvas — Pan and zoom across unlimited workspace
  • Global Style Settings — Edge colors, stroke widths, connector types
  • Edge Path Types — Bezier curves, straight lines, smooth step, orthogonal step
  • Snap-to-Grid — Precise alignment with configurable grid
  • Helper Lines — Smart alignment guides when dragging elements
  • Free Draw Mode — Sketch hand-drawn elements directly on canvas
  • Presentation Mode — Full-screen slideshow of your diagrams
  • Keyboard Shortcuts — Full shortcut support for power users
  • Search & Find — Locate nodes and elements across large diagrams

Panels & Tools

  • ELK Layout Panel — Advanced graph layout configuration
  • Mind Map Layout Panel — Hierarchical layout controls
  • Node Details Panel — Edit individual node properties, colors, shapes
  • Icon Picker — Browse and search 1000+ icons
  • Icon Image Replacer — Swap icons in existing diagrams
  • Library Panel — Cloud asset management with S3 uploads
  • Share Panel — Collaboration and sharing controls
  • Prompt History — View and reuse previous AI generation requests
  • Daily Notes — Side-panel note-taking while working

Format Conversion

  • React Flow <-> Excalidraw — Bidirectional conversion between canvas types
  • React Flow -> Draw.io — Export to enterprise Draw.io format
  • Draw.io -> React Flow — Import Draw.io diagrams
  • Position Preservation — Maintain layout during format conversion

Project Management

  • Cloud Sync — Projects sync across devices for signed-in users
  • Local Storage — Works offline with browser-based storage
  • Project Templates — Start from pre-designed templates
  • Favorites & Recents — Quick access to your most-used projects
  • Bulk Operations — Select, duplicate, or delete multiple projects at once
  • Duplicate Projects — Clone any project as a starting point

Content & Learning

  • Examples Gallery — Categorized examples for every editor (diagrams, circuits, resumes, workflows)
  • Step-by-Step Guides — Tutorials organized by difficulty (beginner to advanced)
  • Blog — Articles, tutorials, and tips with search functionality

DSL Syntax Example

Cloud Architecture [icon: cloud] {
  Frontend [icon: react]
  API Gateway [icon: server]
  Auth Service [icon: lock]
}

Database Layer [icon: database] {
  PostgreSQL
  Redis Cache
}

Frontend > API Gateway
API Gateway > Auth Service
API Gateway > Database Layer

Tech Stack

Category Technologies
Frontend React, Next.js, TypeScript, Tailwind CSS
Canvas Engines Excalidraw, React Flow, Draw.io (mxGraph)
Layout ELK.js, Dagre, D3
AI OpenAI GPT-4o, Claude API, OpenRouter
Auth Clerk
Database PostgreSQL (Neon), Firebase
Payments Paddle
Infrastructure Docker, GitHub Actions

Links

Page URL
Live App calcstack.co
Diagram Editor calcstack.co/editor
Circuit Simulator calcstack.co/circuit-editor
Workflow Builder calcstack.co/ai-agent-editor
CV Builder calcstack.co/cv-editor
Mind Maps calcstack.co/notemap
AI Diagram calcstack.co/ai-diagram
DSL Editor calcstack.co/test-dsl
Examples calcstack.co/examples
Guides calcstack.co/guides
Blog calcstack.co/blog
Pricing calcstack.co/pricing

Keywords

AI diagram generator, text to diagram, flowchart generator, architecture diagram tool, sequence diagram maker, ERD generator, BPMN workflow editor, mind map generator, system design tool, cloud architecture diagram, org chart maker, whiteboard app, infinite canvas, collaborative whiteboard, hand-drawn diagrams, Excalidraw editor, React Flow, Draw.io alternative, mxGraph, Eraser.io alternative, Mermaid alternative, diagram as code, DSL diagram syntax, ELK.js layout, Dagre layout, D3 layout, orthogonal edge routing, Libavoid WASM, node-edge graph, graph visualization, auto-layout engine, circuit simulator, digital logic simulator, logic gate simulator, truth table generator, AND OR NOT NAND XOR gates, flip-flop simulator, HDL editor, signal propagation, AI circuit design, AI agent workflow, LangChain visual builder, LLM workflow editor, node-based editor, visual programming, AI pipeline builder, workflow to TypeScript, agent orchestration, CV builder, resume maker, ATS resume builder, ATS compliance checker, AI resume writer, cover letter generator, LinkedIn resume import, PDF resume export, professional resume templates, mind map brainstorming, AI mind map, note-taking app, visual notes, concept mapping, OpenAI GPT-4o, Claude API, OpenRouter, multi-model AI, streaming AI generation, bring your own API key, BYOK AI, custom API key, Next.js, React, TypeScript, Tailwind CSS, Clerk auth, Paddle payments, PostgreSQL, Firebase, Docker, GitHub Actions

About

AI-Powered Creative Suite — Diagram Generator, Circuit Simulator, AI Workflow Builder, CV & Resume Builder, Mind Maps | calcstack.co

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages