---
title: "GridLines — Free Framer component · Best of Framer"
description: "Free Framer component · by Kyle Sullivan · Buttons. Grid Lines: A Free Customizable Framer Component Set component to Fixed position anchored to the top and the height to 100vh (view)…"
canonical: "https://framer.elliotli.dev/component/gridlines"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/GridLines

# GridLines

[View on Framer](https://framer.com/marketplace/components/gridlines/?via=elliot-li)

![GridLines preview image 1](https://framer.elliotli.dev/og/component/gridlines/238363f6e595d9a8/1600x1200.jpg)

## Summary

Grid Lines: A Free Customizable Framer Component Set component to Fixed position anchored to the top and the height to 100vh (view) and it will automatically resize to fit your…

## Description

Grid Lines: A Free Customizable Framer Component

Set component to Fixed position anchored to the top and the height to 100vh (view) and it will automatically resize to fit your screen.

Adjust the speed of animation, the number of lines, the color, width, direction and switch between two animation modes.Enjoy!

## Rank history [How rankings work →](/terms#rankings)

-   All · #3309

## Details

- **Author**: Kyle Sullivan
- **Published**: 2025-11-11
- **Updated**: 2025-11-11
- **Added**: 2025-10-29
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything