A sleek, fast, and feature-rich browser start page driven by an interactive terminal. Boost your productivity with semantic AI routing, direct Gemini integration, and a suite of built-in utility tools—all wrapped in a premium, modern aesthetic.
→ Try it live: caffienerd.github.io/startpage
Inspired by ahmetdem/start-page
demo.mp4
themes.mp4
- Interactive Terminal: Command-driven interface with autocomplete (
Tab), syntax highlighting per command type, and command history (Up/Down). - Semantic AI Router: Use the
ai:prefix to navigate based on intent. Intelligently routes you to YouTube, Maps, Reddit, or search. - Gemini Integration: Direct AI prompting via
gem:orgemini:. View responses in a clean, non-intrusive modal. - Rich Aesthetics: Premium design with support for Light, Dark, AMOLED (Black), Nord, Newspaper, Coffee, Root (Hacker), and Neon (Cyberpunk) themes.
- Syntax Highlighting: Color-coded input for commands, themes, search prefixes, URLs, and more — fully customizable via
:customize. - Live Dashboard: Instant access to local time and real-time weather updates.
- Utility Suite:
- IP Info: Detailed network information via
:ipconfig. - Speed Test: Integrated network performance testing via
:netspeed. - Spell Check: Smart spelling suggestions via
spell:.
- IP Info: Detailed network information via
- Bookmark Management: Fully customizable bookmark categories via visual grid editor or raw JSON.
- Default Search Engine: Choose between Google, DuckDuckGo, or Bing for plain-text searches.
You need a way to serve the static files locally. While you can open index.html directly, some features (like API requests) work better when served.
python -m http.server 6174Copy Caddyfile.example to Caddyfile, set your directory path inside it, then:
caddy run --config CaddyfileAny static file server works — npx serve, nginx, etc.
Visit http://localhost:6174 in your browser.
Run :config in the terminal to open the settings modal.
- Identity: Customize your terminal
username. - Weather: Set your location (e.g.,
New York,London,Jerusalem,Delhi). - Gemini AI:
- API Key: Get one from Google AI Studio.
- Model: Default is
gemini-2.5-flash-lite. - System Prompt: Optional personality for your AI assistant.
- AI Mode: Toggle between explicit (
ai:) and automatic intent routing. - AI Route Badge: Control when the route preview badge is shown.
- Default Search Engine: Set Google, DuckDuckGo, or Bing as your fallback search.
Run :customize to open the customization modal.
- Theme: Switch between all 8 themes with a single click.
- Syntax Colors: Independently customize the highlight color for each input type (commands, themes, search prefixes, URLs, version, unknown). Colors persist across all themes.
| Prefix | Usage | Destination |
|---|---|---|
yt: |
yt: youtube search |
YouTube Search |
r: |
r: something to find in reddit |
Reddit Search |
maps: |
maps: location |
Google Maps |
ddg: |
ddg: search with DuckDuckGo |
DuckDuckGo |
ggl: |
ggl: search with Google |
Google (explicit) |
bing: |
bing: search with bing |
Bing Search |
amazon: |
amazon: mechanical keyboards |
Amazon Search |
imdb: |
imdb: Breaking Bad |
IMDb Search |
alt: |
alt: alternative of something |
AlternativeTo |
def: |
def: deffination of something |
Dictionary (OneLook) |
the: |
the: a phrase to get the thesaurus of |
Thesaurus (OneLook) |
syn: |
syn: synonyms of something |
Synonyms (OneLook) |
quote: |
quote: quotes containfing keywords |
Quotes (OneLook) |
spell: |
spell: word / phrase to check |
Built-in Spell Checker |
cws: |
cws: extention |
Chrome/Firefox Extension Store |
gem: |
gem: talk to gemini |
Gemini Direct Prompt |
ai: |
ai: directions to central park |
Semantic AI Router |
| Command | Description |
|---|---|
:help |
Show all commands |
:config |
Open settings |
:customize / :custom |
Open customization (colors & theme) |
:bookmarks / :bm |
Edit bookmarks |
:ipconfig / :ip |
Show network info |
:netspeed / :speed |
Run speed test |
:aimode |
Toggle automatic AI routing |
:version |
Show app version |
:gemini |
Open Gemini website |
:tags |
Override search URLs & add custom prefix shortcuts |
:help_ai_router |
Guide for ai: routing |
| Command | Theme |
|---|---|
:light |
Light mode |
:dark |
Dark mode |
:black / :amoled |
Full black / AMOLED |
:nord |
Arctic Nord |
:newspaper |
Classic Newspaper |
:coffee |
Organic Coffee |
:root / :hacker |
Hacker terminal |
:neon / :cyberpunk |
Cyberpunk Neon |
| Shortcut | Action |
|---|---|
Tab or → |
Accept autocomplete suggestion |
Enter |
Execute command / navigate |
Ctrl+Enter |
Open result in new background tab |
Ctrl+Shift+Enter |
Open result in new focused tab |
↑ / ↓ |
Navigate command history |
Ctrl+EnterandCtrl+Shift+Enterwork for bookmarks, search prefixes, direct URLs, and plain-text searches.
The start page features a 4-column layout. You can customize bookmarks in two ways:
- Visual Editor (Recommended): Run
:bookmarksto use the grid-based editor. It maps directly to the 4-column layout, letting you organize links by column and row. - JSON Mode: Toggle "Edit as JSON" in the bookmarks modal for bulk edits or sharing your setup.
Run :tags to override built-in search prefix URLs (e.g. point amazon: to amazon.in instead of amazon.com) or define entirely new prefixes. Custom tag prefixes get full syntax highlighting and autocomplete automatically.
Run :customize to independently set the highlight color for each input type. Colors are stored separately from themes — changing themes won't reset your colors.
Use the ↓ Export and ↑ Import buttons in :config to save all settings (bookmarks, colors, API keys, custom tags) to a JSON file and restore them anytime.
All settings, including your Gemini API Key, are stored locally in your browser's localStorage. No data is sent to external servers except for necessary API calls to Google Gemini and Open-Meteo (weather).