🐱 Aesthetic and clean startpage in Catppuccin Mocha style, hosted on GitHub Pages
  • JavaScript 92.8%
  • HTML 4.9%
  • CSS 2.3%
Find a file
Haseeb Majid bfd23a98e0
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
feat: add back my changes
2025-03-15 11:12:02 +00:00
.github feat: add back my changes 2025-03-15 11:12:02 +00:00
assets feat: add preview 2024-09-22 16:24:14 +01:00
src fix: using clock icon color as defined in userconfig.js instead of hard-coded maroon 2025-02-19 17:17:41 +00:00
.editorconfig chore: update IDE config 2025-01-26 12:23:56 +00:00
.gitignore ci: update ignored files 2024-06-16 19:58:45 +01:00
.pre-commit-config.yaml ci(pre-commit): update hooks 2024-12-22 20:46:03 +00:00
CODE_OF_CONDUCT.md docs: add code of conduct 2024-06-16 19:59:41 +01:00
CONTRIBUTING.md docs(CONTRIBUTING): update guidelines 2024-07-06 12:34:30 +01:00
index.html feat: add support of all palettes 2024-09-15 19:44:01 +01:00
LICENSE docs: update license 2025-01-12 17:12:57 +00:00
README.md docs: update notes 2025-01-28 21:21:56 +00:00
SECURITY.md docs: add security notes 2024-06-16 20:00:21 +01:00
userconfig.js feat: add back my changes 2025-03-15 11:12:02 +00:00

Logo
Catppuccin Startpage

🪴 Overview

A minimalistic and customizable startpage featuring the Catppuccin palettes. Designed for both aesthetics and functionality with seamless hosting on GitHub Pages. This startpage is based on the dawn, which has even more functionality. I've tweaked the page to match my dotfiles so check them out as well.

🧠 Main principles

  • Minimalism in everything
  • Consistency
  • Simplicity
  • One style
  • Reduced visual noise

🎨 Supported Palettes

  • Latte
  • Frappé
  • Macchiato
  • Mocha

🪵 Usage

  1. Fork this repository and clone it
  2. Optionally remove the .github directory as it contains only PR templates, issue labels, etc that are linked to this repository
  3. Update userconfig.js:
    • Set the desired palette: latte / frappe / macchiato / mocha
    • Set your location for the weather widget
    • Update the number of pages and their banners
    • Update bookmarks and quick links for the one you are using the most :3

Tip

You can find icons for your bookmarks using tabler-icons

If you want to reduce the loading time of the icons, you could install the icon font locally and activate the option "localIcons": true in the config to disable the remote styles

As Homepage

  • Click the menu button and select Options/Preferences
  • Click the home panel
  • Click the menu next to the homepage and new windows and choose to show custom URLs and add your GitHub Pages link

As New Tab

You can use different add-ons/extensions for it

  • If you use Firefox-based browsers: Custom New Tab Page and make sure you enable "Force links to open in the top frame (experimental)" in the extension's preferences page
  • If you use Chromium-based browsers (Brave / Chrome): Custom New Tab URL

🖼️ Available banners

cbg-01 cbg-02 cbg-03 cbg-04
cbg-05 cbg-06 cbg-07 cbg-08
cbg-09 cbg-10 cbg-11 cbg-12
cbg-13 cbg-14 cbg-15