Getting Started

Welcome to TopSnapp! This guide will help you get started with creating your first snap and understanding the core concepts.

What is a Snap?

A snap is a visual grid that contains cells (cards) of information. Think of it like a flexible spreadsheet where each cell can be customized with different types of content - tasks, notes, links, images, and more.

Creating Your First Snap

1. Click "New Snap"

From your dashboard at /app/snaps, click the "New Snap" button in the top right corner.

2. Choose a Template

You can start with:

Blank Grid - Empty canvas with customizable rows and columns
2×2 Matrix - Priority matrix (Quick Wins, Major Projects, Fill-Ins, Time Sinks)
Kanban Board - To Do, In Progress, Done columns
Custom - Define your own grid size

3. Add Content to Cells

Click any cell to edit it:

Type text directly into the cell
Change cell type - Normal, Todo, Status, Link, Image, or Figma
Customize styling - Colors, fonts, alignment, borders
Add notes - Additional context that appears on hover

Understanding Cell Types

Normal Cells

Default cell type for general text content.

Todo Cells

Checkbox tasks that can be marked as complete. Perfect for task lists and action items.

Status Cells

Custom status indicators with predefined options (e.g., "Planned", "In Progress", "Complete").

Link Cells

Clickable links to external URLs or internal snaps.

Image Cells

Display images by pasting a URL or uploading from your device.

Figma Cells

Embed Figma file previews with direct links to designs.

Organizing Your Snaps

Folders

Group related snaps into folders:

Click the folder icon in your snap list
Create a new folder or select an existing one
Drag and drop snaps into folders

Workspace Access

If you're part of an organization:

View snaps created by team members
Collaborate on shared grids
Manage permissions at the organization level

Make a Snap Public

Open your snap
Click the share button
Toggle "Public" to generate a share link
Choose View or Edit permissions

Anyone with the link can access the snap based on the permissions you set:

View - Read-only access
Edit - Can modify the snap

Password Protection (Coming Soon)

Add an additional layer of security with password-protected share links.

Keyboard Shortcuts

Ctrl/Cmd + K - Quick search
Click cell - Edit cell content
Tab - Move to next cell
Enter - Save and exit edit mode
Escape - Cancel editing

Customization Options

Grid Settings

Rows & Columns - Add or remove as needed
Cell Spacing - Adjust gaps between cells
Canvas Background - Change the background color
Font Family - Choose your preferred font

Cell Styling

Colors - Background and text colors
Font Size - Small, medium, large
Alignment - Left, center, right, top, middle, bottom
Bold/Italic/Underline - Text formatting
Borders - Size and radius
Opacity - Transparency level

Best Practices

Start Simple

Begin with a small grid (3×3 or 5×5) and expand as needed. It's easier to add rows/columns than to manage a massive grid from the start.

Use Folders

Organize snaps into folders by project, team, or purpose. This makes finding specific snaps much faster.

Consistent Naming

Use clear, descriptive names for your snaps. Include dates or version numbers if relevant.

Leverage Cell Types

Use the right cell type for the job:

Todos for actionable items
Status cells for workflow stages
Links for reference materials
Normal cells for notes and context

Add Context with Notes

Use the notes field to add extra details that don't need to be visible in the main cell.

Next Steps

Now that you understand the basics:

Explore Templates - Try the kanban or priority matrix templates
Set Up API Keys - If you want to integrate with external tools, check out the API documentation
Join an Organization - Collaborate with your team by creating or joining a workspace

Need Help?

Check the API Reference for integration details
Visit your account settings to manage preferences
Contact support through the app for assistance