Concepts
Core concepts
Zentile is built around three levels of organization. Understanding them makes everything else click.
Hubs
A hub is a workspace. Think of it as a project, context, or area of your life. Examples: "Work", "Side Project", "Home". You can switch between hubs in the sidebar.
Stacks
A stack lives inside a hub. It groups related tiles together. Examples: "Daily Tools", "Docs", "Team Links". You can collapse, expand, reorder, and color-code stacks.
Tiles
A tile is a single bookmark or resource. It has a title, URL, icon, and optional note. Click a tile to open its URL. Pin important tiles to keep them at the top.
Notes
Any tile can have a rich-text note. Flip the tile to see a preview. Use the expand button to open a full editor. Great for context, credentials, or reminders.
Setup
Getting started
From zero to your first organized hub in under two minutes.
1
Create a hub. Click the + button in the sidebar. Give it a name, pick an emoji or icon, and optionally set an accent color. Hit Save.
2
Add a stack. Inside your hub, click + Add Stack. A stack groups tiles by category. Name it something descriptive like "Daily Tools" or "Reference Docs".
3
Add tiles. Click + Add Tile inside a stack. Enter a title and URL. Zentile will attempt to fetch the site's favicon automatically. You can override it with any emoji or built-in icon.
4
Launch anything. Click a tile to open its link in a new tab. Use the star button to pin your most-used tiles to the top of the stack.
Tip: Import a starter template from the
Templates page to skip setup entirely and start with a pre-built hub.
Appearance
Themes & colors
Zentile ships with 14 themes split into dark and light categories. Change the theme at any time from the theme picker in the header.
Dark themes
Dark Blue (default), Black, Midnight, Sepia, Purple, Pink, Yellow, Neon, Candy
Light themes
Light, Ice, Lemon, Mint, Blush
Each hub and stack can also have its own accent color. Click the color dot in a hub or stack header to choose from 21 presets or pick any custom hex color.
Notes
Tile notes
Every tile supports a rich-text note. Use it to store context, login hints, instructions, or anything else related to that link.
1
Add a note. Hover a tile and click the lines icon (note button). The tile editor opens with a rich text area at the bottom.
2
Format text. Use the toolbar to apply Bold, Italic, Underline, Headings (H1–H3), Paragraph, Bullet list, or Numbered list.
3
Flip to preview. Save the tile. Hover and click the note icon again — the tile flips to show a compact preview of your note on the back.
4
Expand to read. On the tile back, click the expand icon (four-corner arrows) to open the note in a full-size modal for comfortable reading and editing.
Icons
Icon library
Every tile and hub can display an emoji, a custom icon from the built-in library, or auto-fetched favicon from the site URL.
Built-in icons
Zentile includes 100+ brand and tool logos organized by category: Dev Tools, Productivity, Design, Communication, Cloud, AI & ML, Marketing, Finance, and Media. These are available offline with no internet connection required.
Custom icons
You can also paste any image URL as a custom icon. Open the tile editor, go to the Icon tab, and paste a direct image link.
Auto favicon
When you enter a URL for a tile and leave the icon field empty, Zentile will automatically attempt to load the site's favicon using DuckDuckGo's favicon service.
Data
Import & export
Your data lives in your browser. Zentile gives you full control to back it up, move it, or share it.
↓
Export all data. Open Settings (gear icon in the header) → Export. Downloads a JSON file with all your hubs, stacks, tiles, and notes. Keep this as a backup.
↑
Import a backup. Open Settings → Import. Select a previously exported JSON file. Your data will be restored exactly as it was.
↗
Share a hub. Open any hub and click the share icon in the hub header. This generates a shareable JSON pack others can import directly into their own Zentile.
Note: Zentile stores all data in your browser's localStorage. Clearing browser data will erase your Zentile data. Export regularly to avoid data loss.
Keyboard
Keyboard shortcuts
Use these shortcuts to move fast without touching the mouse.
| Action | Shortcut |
|---|
| Open keyboard shortcuts overlay | ? |
| Open Settings | S |
| Open Themes picker | T |
| Add new hub | H |
| Add new tile | N |
| Close any open modal | Esc |
| Toggle sidebar | B |
| Collapse all stacks | Collapse/Expand button (3-state) |