starred/karakeep

Fork 0

mirror of https://github.com/karakeep-app/karakeep.git synced 2026-04-25 16:06:04 +03:00

[GH-ISSUE #2388] Add Widescreen support #1442

New issue

Open

opened 2026-03-02 11:57:22 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 11:57:22 +03:00

Owner

Originally created by @LimitlessGreen on GitHub (Jan 13, 2026).
Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/2388

Describe the feature you'd like

Karakeep should better support widescreen and ultrawide displays by fixing two related layout issues:

1) Remove / relax the hard maximum content width

Currently, the main content area appears to be constrained by a max-width/container setting.
On wide screens this leaves a large amount of unused horizontal space, even though there would be plenty of room to display more content.

2) Add an “Auto / Adaptive” column mode and/or allow more than 6 columns

The layout settings allow selecting the number of columns, but the slider is capped at 6.
On widescreen displays this is not enough to properly use the available space.

Requested outcome

The main list/grid view should be able to use the available viewport width (optionally controlled by a user setting).
Columns should either:
- adapt automatically based on viewport width and a target card width, or
- allow manual selection beyond 6 (e.g. 8 / 10 / 12).
This should apply at least to Masonry and Grid layouts.

Describe the benefits this would bring to existing Karakeep users

Much better use of screen real estate on widescreen/ultrawide monitors
More items visible at once, less scrolling, especially for large bookmark collections
Better UX consistency across devices (laptop → desktop → ultrawide)
Less manual tweaking when resizing windows or moving between screens
Lets users choose a comfortable density / card width while still using the available space

Measurable outcomes

Increased number of visible cards per viewport
Reduced unused horizontal whitespace
Faster scanning and navigation in large lists

Can the goal of this request already be achieved via other means?

No.

The UI caps the number of columns at 6.
Even at 6 columns, the content still appears to be width-limited by a container/max-width.
There is no “Auto/Adaptive” option and no “use full width” or “content width” setting.

So the goal (proper widescreen usage) cannot be achieved with the current settings.

Have you searched for an existing open/closed issue?

I have searched for existing issues and none cover my fundamental request

Additional context

Screenshot A (Karakeep)

Shows Karakeep on a widescreen monitor.
Even with Masonry layout and the Columns slider set to 6 (maximum), the content does not expand to use the full available width.
A large area of unused horizontal space remains, indicating that the main content is constrained by a max-width/container.

Screenshot B (Linkwarden comparison)

Adaptive:

With 8 columns:

Shows the same type of content in Linkwarden.
Here, the layout is visibly adaptive and uses the available horizontal space much more effectively, which feels significantly better on widescreen displays.

Optional implementation idea

Consider adding a setting like:
- “Content width: Default / Full width”
- and/or “Card width / Density” instead of a hard column cap
For grid/masonry, a responsive approach like:
- repeat(auto-fit, minmax(cardWidth, 1fr))
- or auto-fill with min/max card width
  could allow adaptive columns without a fixed limit.

Originally created by @LimitlessGreen on GitHub (Jan 13, 2026). Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/2388 ### Describe the feature you'd like Karakeep should better support widescreen and ultrawide displays by fixing two related layout issues: ## 1) Remove / relax the hard maximum content width Currently, the main content area appears to be constrained by a max-width/container setting. On wide screens this leaves a large amount of unused horizontal space, even though there would be plenty of room to display more content. ## 2) Add an “Auto / Adaptive” column mode and/or allow more than 6 columns The layout settings allow selecting the number of columns, but the slider is capped at **6**. On widescreen displays this is not enough to properly use the available space. ### Requested outcome - The main list/grid view should be able to use the available viewport width (optionally controlled by a user setting). - Columns should either: - adapt automatically based on viewport width and a target card width, **or** - allow manual selection beyond 6 (e.g. 8 / 10 / 12). - This should apply at least to **Masonry** and **Grid** layouts. ### Describe the benefits this would bring to existing Karakeep users - **Much better use of screen real estate** on widescreen/ultrawide monitors - **More items visible at once**, less scrolling, especially for large bookmark collections - **Better UX consistency** across devices (laptop → desktop → ultrawide) - **Less manual tweaking** when resizing windows or moving between screens - Lets users choose a comfortable **density / card width** while still using the available space ### Measurable outcomes - Increased number of visible cards per viewport - Reduced unused horizontal whitespace - Faster scanning and navigation in large lists ### Can the goal of this request already be achieved via other means? No. - The UI caps the number of columns at **6**. - Even at 6 columns, the content still appears to be **width-limited** by a container/max-width. - There is no “Auto/Adaptive” option and no “use full width” or “content width” setting. So the goal (proper widescreen usage) cannot be achieved with the current settings. ### Have you searched for an existing open/closed issue? - [x] I have searched for existing issues and none cover my fundamental request ### Additional context ### Screenshot A (Karakeep) <img width="2048" height="737" alt="Image" src="https://github.com/user-attachments/assets/ca8fe913-d867-475b-9ff1-6d3f234d0574" /> Shows Karakeep on a widescreen monitor. Even with **Masonry** layout and the **Columns slider set to 6 (maximum)**, the content does not expand to use the full available width. A large area of unused horizontal space remains, indicating that the main content is constrained by a max-width/container. ### Screenshot B (Linkwarden comparison) **Adaptive:** <img width="3440" height="1238" alt="Image" src="https://github.com/user-attachments/assets/33f275df-bf66-4582-b3a5-803a0de931c3" /> --- **With 8 columns:** <img width="3440" height="1238" alt="Image" src="https://github.com/user-attachments/assets/5327d8dd-53a7-4a05-9110-c3dc85829e38" /> Shows the same type of content in Linkwarden. Here, the layout is **visibly adaptive** and uses the available horizontal space much more effectively, which feels significantly better on widescreen displays. ### Optional implementation idea - Consider adding a setting like: - “Content width: Default / Full width” - and/or “Card width / Density” instead of a hard column cap - For grid/masonry, a responsive approach like: - `repeat(auto-fit, minmax(cardWidth, 1fr))` - or `auto-fill` with min/max card width could allow adaptive columns without a fixed limit.

kerem added the

feature request

status/untriaged

labels

2026-03-02 11:57:22 +03:00

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/karakeep#1442

No description provided.

Rows
Columns