Skip to content

This is all about having a clean look. To achieve a clean look, the first way to do it so install No Gaps mods

License

Notifications You must be signed in to change notification settings

Comp-Tech-Guy/No-Gaps

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧱 No-Gaps

A minimalist UI enhancement that removes borders and gaps, creating a cleaner, edge-to-edge look for your browser — perfect for split-screen mode and maximizing screen real estate. This is really a golden mod for you guys to use to have a seemless and minimal look that you like.

zen-badge-light

To-Do List

  • Waiting for recommendations and bug reports

Previews

Click to see the Previews
  • Compact Mode Compact Mode Look

  • Compact Mode With TopBar Compact Mode With TopBar

  • Non Compact Mode Non Compact Mode

  • Non Compact Mode With TopBar Non Compact Mode With TopBar

🧩 Overview

No-Gaps focuses on:

  • Eliminating borders and visual clutter
  • Creating a seamless, modern interface
  • Enhancing multitasking efficiency on smaller or split displays

This mod is proudly published by Vertex — your home for high-quality Firefox mods.


⚙️ Recommended Installation (via Sine Mod Manager)

🔗 Sine Mod Manager: https://github.com/CosmoCreeper/Sine

  1. Go to about:config and search for toolkit.legacyUserProfileCustomizations.stylesheets, then set it to true.
  2. Download and install Sine.
  3. Open the Sine Mod Manager and search for No-Gaps.
  4. Click Install — that’s it!

This method automatically handles setup and updates for you.


🧠 Manual Installation (Advanced)

  1. Go to about:config and search for toolkit.legacyUserProfileCustomizations.stylesheets, then set it to true.
  2. Download the latest release of No-Gaps from this repository.
  3. Open about:profiles in Firefox.
  4. Under your profile, click “Open Folder” which the folder path says Roaming in between.
  5. Inside that folder, open the chrome directory (create one if it doesn’t exist).
  6. Place the mod files inside the chrome folder.
  7. Create a new file called userChrome.css.
  8. Open a notepad or any editor and add this code @import url("./No-Gaps-<put the version number said in the folder>/style.css");
  9. Open about:config and search for no-gap.mode-select and click add button with number option selected and then set it to 0 (Compact Mode Only) or 1 (Both Compact and Non-Compact Mode).
  10. Search for no-gaps.remove-split-highlight and click add button with boolean checked and then set it to true (to remove highlight when in split mode) or false.
  11. Search for no-gaps.remove-box-shadow and click add button with boolean checked and then set it to true (to remove shadow emitted to the sidebar from the website border around) or false.
  12. If you don't get how to do it just see the bottom image.

Example image of setting up a config:image

  1. Set the selection whether boolean, number or string
  2. Click create button to the right

🔍 Help, Issues, and Suggestions

  • If you need any help or encounter a bug, please don’t hesitate to reach out.
  • You can contact us through Discord or by creating an issue on GitHub.
  • If you have a suggestion or feedback, we’d love to hear it!
  • You can DM or ping me on Discord, or submit your suggestion as a GitHub issue.

🧷 Credits


Clean. Minimal. Efficient. Productive. Real Estate. — No-Gaps.

About

This is all about having a clean look. To achieve a clean look, the first way to do it so install No Gaps mods

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages