Introduction
Shapora is a browser-based visual document and diagram editor. Combine text boxes, rectangles, images, and connection lines to create posters, flyers, architecture diagrams, and explainers, then export as SVG, PNG, or PDF.
The landing page (/ja or /en) can be viewed on phones, but the editor itself (/ja/dashboard or /en/dashboard and editor pages) is designed for desktop use because canvas editing requires precise operations.
※ Most of this documentation was generated by AI. It has been reviewed by humans, but may still contain errors.
Key Features
- Text boxes with rich styling (speech bubbles, fonts, alignment, shadows, gradient/pattern text and backgrounds, etc.)
- Rectangle and image nodes (rectangles support gradient and pattern fills)
- Image background removal and magic eraser (lasso-based object removal)
- Connection lines between nodes (arrow and circle markers)
- GCP / Google / AWS / Cloudflare / Sakura Cloud / Twemoji / React Icons icon libraries (approx. 52,500 icons)
- Multiple layer management
- Canvas page HUD (reorder, insert, duplicate, and delete pages)
- Auto-grouping (child nodes follow when parent is moved)
- Grid display and smart snapping
- SVG / PNG / PDF / JSON export (font subset embedding supported for SVG/PNG/PDF)
- Re-editing via embedded document data
- Free to use. Start without signing in; save in your browser when signed out or to Google Drive when signed in
- Editing data is not sent to the app server; it is stored in your browser or Google Drive
- Show a browser confirmation dialog when closing the tab or reloading while edits are unsaved or still saving
- Create new documents from templates via the scrollable sample gallery on the dashboard (/ja/dashboard or /en/dashboard)
- Change storage destination between local and Drive from the document list screen
- Admin-only user list page (/ja/admin/user or /en/admin/user)
- 4 color themes / Japanese & English language switch
Available Icons
| Library | Icon count |
|---|---|
| GCP | 262 |
| 75 | |
| AWS | 94 |
| Cloudflare | 30 |
| Sakura Cloud | 52 |
| Twemoji | 1,630 |
| React Icons (31 sets) | 50,389 |
| Total | approx. 52,532 |
Header & Account
The header at the top of the screen shows the app name 'Shapora' on the left and actions such as the documentation link on the right. When signed in, a profile icon is also shown.
- A "Documentation" link appears on the right side of the header and opens the help pages (/docs).
- When not logged in: No account button is shown in the header. Sign in from the Google Drive section on the dashboard.
- When logged in: Your Google account icon appears at the top right. Click it to go to your profile page.
- On the profile page (/ja/profile or /en/profile), your username and a 'Sign out' button are displayed.
- Admin users also see a link to the user list page.