Ideon Logo
Ideon
GitHub

Blocks

Blocks are the fundamental building units of your Ideon canvas. Each block type is designed for a specific purpose.

Shared Behaviors

  • Locking: Owners can lock blocks to prevent edits and movement by others.
  • Ownership: Owners can transfer ownership to another collaborator.
  • Handles: Blocks provide multiple connection handles on left, right, top, and bottom.

Block Types

1. Core Block

The central block of a project. It usually represents the project's name and high-level description.

  • Features: Large title, description.
  • Use Case: Project identity.

2. Snippet Block

A code editor block with syntax highlighting.

  • Features: Syntax highlighting and formatting for JS, TS, Python, CSS, JSON, and plain text.
  • Use Case: Storing code snippets, config examples, or technical notes.

3. Note Block (Plain Text)

A simple rich-text editor for taking notes.

  • Features: Markdown support, rich text controls, resizable.
  • Use Case: Brainstorming, documentation, meeting notes.

4. Link Block

A bookmark to an external resource.

  • Features: Fetches Open Graph metadata (title, image, description) automatically with SSRF protection.
  • Use Case: Linking to documentation, inspiration, or external tools.

5. Contact Block

Represents a person or a role.

  • Features: Name, role, contact info.
  • Use Case: Mapping stakeholders, team members, or user personas.

6. Checklist Block

A task list with checkboxes.

  • Features: Add/remove items, check/uncheck.
  • Use Case: Todo lists, requirements, acceptance criteria.

7. Palette Block

A color palette generator and storage.

  • Features: Generate palettes, store hex codes.
  • Use Case: Design systems, branding.

8. Video Block

Embeds a video player.

  • Features: Supports YouTube/Vimeo links.
  • Use Case: Tutorials, demos, references.

9. GitHub Block

A direct integration with a Git provider repository.

  • Features: Displays repository stats and links directly to the repo.
  • Use Case: Tracking related repositories, dependencies, or the project repo.

10. File Block

Allows uploading or linking to files.

  • Features: Uploads stored per project and served via the files API.
  • Use Case: Attaching design assets, PDFs, or other documents.

Interacting with Blocks

  • Move: Drag blocks to reposition them on the infinite canvas.
  • Resize: Drag the corners to resize compatible blocks (Note, Snippet, etc.).
  • Connect: Drag from a handle to another block to create a connection (edge).
  • Edit: Click to edit content.