Skip to content

Implement Pagination for Tools Section (6 Cards per Page) #7

Description

@karthikc1125

The current tools section displays all feature cards (e.g., Merge PDF, Split PDF, Compress PDF, etc.) in a single view. As more tools are added, this can lead to clutter and reduced usability.

Problem
Too many cards displayed at once
Layout becomes crowded
Poor scalability as features grow
Proposed Solution

Implement pagination to limit the number of cards displayed per page.

Expected Behavior
Display 6 cards per page
Add pagination controls:
Previous / Next buttons
Page numbers (optional)
Maintain existing grid layout (e.g., 3 × 2 cards)
Smooth transition between pages
Design Considerations
Keep card styling unchanged
Ensure responsiveness:
Desktop → 3 columns (6 cards total)
Tablet → 2 columns
Mobile → 1 column
Highlight active page
Disable buttons at limits (first/last page)
Optional Enhancements
Add animation when switching pages
URL-based pagination (?page=2)
Remember last visited page
Priority

Medium (UI/UX + scalability)

Suggested Labels
enhancement
UI/UX
good first issue

Image

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions