Delivery
Canvas Shoes
Retro PC
Money Stack
Canvas Shoes
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

mathman
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
mathman
Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
Shopping Bag
mathman
Midi Keyboard
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Camera
Shopping Bag
mathman
Midi Keyboard
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Canvas Shoes
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Camera
Shopping Bag
mathman
Retro PC
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
Delivery
Canvas Shoes
Retro PC
Money Stack
Canvas Shoes
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

mathman
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Canvas Shoes
Money Stack
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
mathman
mathman
Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Canvas Shoes
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
Shopping Bag
mathman
Midi Keyboard
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Camera
Shopping Bag
mathman
Midi Keyboard
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Canvas Shoes
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Camera
Shopping Bag
mathman
Retro PC
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Retro PC
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Canvas Shoes
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Canvas Shoes
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
mathman
Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

mathman
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Canvas Shoes
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Retro PC
mathman
Midi Keyboard
Payment Terminal
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
airpods
Shopping Bag
mathman
Midi Keyboard
Payment Terminal
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Glitched
Camera
Shopping Bag
mathman
Midi Keyboard
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Canvas Shoes
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Camera
Shopping Bag
mathman
Retro PC
mathman
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Payment Terminal
Payment Terminal
Midi Keyboard
mathman
Retro PC
airpods
Glitched
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Canvas Shoes
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Travel Bag
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
airpods
Cards Stack
Midi Keyboard
Payment Terminal
Grenade
Red box
mathman
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
airpods
mathman
Midi Keyboard
Payment Terminal
Grenade
Red box
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
Shopping Bag
mathman
Midi Keyboard
Payment Terminal
Red box
Grenade
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Glitched
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Camera
Shopping Bag
mathman
Midi Keyboard
mathman
Red box
Grenade
Payment Terminal
Midi Keyboard
mathman
airpods
Glitched
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Travel Bag
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Camera
Shopping Bag
mathman
Cards Stack
mathman
Red box
Grenade
Payment Terminal
Midi Keyboard
Delivery
Canvas Shoes
Retro PC
Money Stack
Travel Bag
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
airpods
Cards Stack
Midi Keyboard
Payment Terminal
Grenade
Red box
mathman
Midi Keyboard
mathman
Shopping Bag
Camera
airpods
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Money Stack
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
airpods
mathman
Midi Keyboard
Payment Terminal
Grenade
Red box
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Camera
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Canvas Shoes
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Glitched
Shopping Bag
mathman
Midi Keyboard
Payment Terminal
Red box
Grenade
Payment Terminal
Midi Keyboard
mathman
Shopping Bag
Glitched
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Delivery
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

CodeKeychains
Camera
Shopping Bag
mathman
Midi Keyboard
mathman
Red box
Grenade
Payment Terminal
Midi Keyboard
mathman
airpods
Glitched
CodeKeychains
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

Travel Bag
Money Stack
Retro PC
Canvas Shoes
Delivery
Note

Useful instructions, message and support channel you need to know about.

Breakpoints

Ideally with Framer project you'd have 3 breakpoints but here you'll find an additional breakpoint by the name Desktop Wide which is specifically only used on the home page on no other pages. Here's the explanation

Working of Infinite Scroll

The reason being how the infinite scroll grid works under the hood, we need to always keep in mind the performance of the website for a better user experience and performance shouldn't be compromised for visuals. Because of this, the Infinite Scroll uses an algorithm where it determines the user's screen width and height and only renders grid tiles in that area and plus to a specific range outside that area so that content is rendered in advance before the user drags in any direction. As the user drags, any content that falls outside the total range mentioned above, those items are de-spawned and new items are spawned to make sure the least amount of possible resources are rendered and maintained hence trying to keep the performance up as much as possible.

Why the 4th breakpoint?

Many professionals and in general many users have widescreen monitors, if the grid tile size was set at 300px, it would mean more tiles being rendered and maintained at a time, the only way to avoid this is by increasing the tile size. So for any screen wider than 1999px the tile size is increased which causes less tiles to render per area of user screen and hence performance of website is not risked and compromised

Modifications

It's up to you if you want to add or remove an additional breakpoint based on your use case. Feel free to experiment!

Custom modifications

The InfiniteScroll is a custom code component, every website may have a different use case and there may be properties needed for those use cases which are not currently exposed in this component. Feel free to reach out to the creator: Krutik Maru, if you want to customize this component according to your needs.

* Please note that those customization would be charged explicitly.

Creator contact & support

If you face any issues or need help, you can reach out to me, Krutik Maru, the creator of this template.

airpods
Camera
Shopping Bag
mathman
Cards Stack
mathman
Red box
Grenade
Payment Terminal
Midi Keyboard