Documentation
Learn how to use TopSnapp to create visual grids, organize your work, and integrate with AI tools
Welcome to the TopSnapp documentation! Here you'll find everything you need to get started with creating, organizing, and sharing your visual grids.
What is TopSnapp?
TopSnapp is a flexible visual grid tool that helps you organize information, track tasks, and visualize ideas. Create customizable grids (snaps) with cells that can contain:
- Tasks - Checkbox-based todo items
- Notes - Rich text content
- Links - Internal and external hyperlinks
- Images - Visual content and screenshots
- Status indicators - Track progress with custom statuses
- Figma embeds - Design file previews
Quick Links
Getting Started
Learn the basics of creating and managing snaps
API Reference
Integrate TopSnapp with external tools and AI agents
Key Features
Visual Grids (Snaps)
Create flexible grids of any size to organize your content. Each snap can have:
- Custom titles and icons
- Flexible row and column sizing
- Folders for organization
- Public or private sharing
Cards & Cells
Each cell in your grid can be customized with:
- Multiple cell types (normal, todo, status, link, image, figma)
- Custom colors and styling
- Notes and additional context
- Row/column spanning for larger cells
Organization
Keep your work organized with:
- Folders - Group related snaps together
- Workspaces - Collaborate with organization members
- Sharing - Share snaps publicly or with specific users
- Search - Quickly find snaps and content
API & Integrations
Connect TopSnapp with your favorite tools:
- REST API - Full programmatic access to your snaps
- API Keys - Secure authentication for integrations
- Claude Desktop - AI-powered snap creation (coming soon)
- Webhooks - React to changes in real-time (coming soon)
Use Cases
Project Management
Track tasks, roadmaps, and sprints with kanban boards and priority matrices.
Product Planning
Organize features, user stories, and release plans in visual grids.
Design Systems
Catalog components, patterns, and design tokens with Figma integration.
Personal Organization
Manage todos, goals, and personal projects with customizable grids.
Knowledge Management
Create reference sheets, API documentation, and quick-reference guides.
Getting Help
- Documentation - You're already here! Browse the sections below
- API Docs - Check out the API Reference for integration details
- Support - Contact us through the app for assistance
What's New
Check out our Changelog for the latest features and improvements.
Next Steps
Ready to dive in? Start with Getting Started to learn the basics, or jump straight to the API documentation if you're building an integration.