Feat: Add a Slider to Control The Number of Grids

[shreyash3087]

Describe the feature

Description:
I would like to request a feature that adds a simple slider to control the number of grid cells in the application. This feature will allow users, especially those on smaller devices, to decrease the number of cells for better visibility and improved animation performance.

Benefits:

• Enhances user experience on small devices.
• Allows users to customize the grid size for optimal performance.
• Improves accessibility and usability across different screen sizes.

Proposed Solution:

Implement a slider that dynamically adjusts the number of grid cells. The slider should update the grid dimensions in real-time, providing immediate feedback to the user.

Thank you for considering this feature request!

Add ScreenShots

Edit -
New minimilistic desgin idea that fits with the current design -

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[EternoSeeker]

I suggest you wait before you start working on this @shreyash3087. I'll let you know, because the custom grid is already being worked on

[shreyash3087]

@EternoSeeker updates?

[EternoSeeker]

@EternoSeeker updates?

Custom grid size is implemented as numeric input in PR #168

[shreyash3087]

@EternoSeeker Alright