Baseliner adds horizontal & vertical lines to help you align your grid to any website.

Latest Version

Version
7.2
Update
April 28, 2024
Size
205KiB
Developer
jpedroribeiro.com
Category
Users
6,000+
Rating
4.31111 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
Storage
Scripting
See more

Baseliner Extension

Adds a horizontal and/or vertical lines on top of any website.

The Baseliner extension adds a fully customisable CSS layer on top of any website to help you align your design and ensure the grid is in place.
--------------------

The best place for support is not in the reviews section below, but on the Baseliner GitHub repo:

https://github.com/jpedroribeiro/Baseliner/issues

Check out full set of features and how to contribute on our GitHub page:

https://github.com/jpedroribeiro/Baseliner
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Baseliner", "short_name": "Baseliner", "description": "Baseliner adds horizontal & vertical lines to help you align your grid to any website.", "version": "7.2", "author": "J. Pedro Ribeiro", "homepage_url": "https://jpedroribeiro.com/", "action": { "default_popup": "index.html", "default_title": "Baseliner", "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" } }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": ["activeTab", "storage", "scripting"]}
Read more

Similar Extensions

icon

CSS Grid Overlay Extension · Developer Tools 6,000+ 7 ★ 181KiB

icon

Grid Builder Extension · Developer Tools 6,000+ 11 ★ 43.28KiB

icon

CSS Peeper Extension · Developer Tools 6,000+ 363 ★ 279KiB

icon

Dimensions Extension · Developer Tools 6,000+ 454 ★ 17.28KiB

icon

Web Maker Extension · Developer Tools 6,000+ 1002 ★ 5.76MiB

icon

45to75 Extension · Developer Tools 6,000+ 7 ★ 5.22KiB

icon

Grid Ruler Extension · Developer Tools 6,000+ 335 ★ 288KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 6,000+ 453 ★ 1.45MiB

icon

Blue Button | the webpage X-ray Extension · Developer Tools 6,000+ 21 ★ 82.66KiB

icon

Font Awesome Icon Finder Extension · Developer Tools 6,000+ 9 ★ 1.01MiB

icon

Catchpoint User Experience Extension · Developer Tools 6,000+ 32 ★ 662KiB

icon

Emmet Re:view Extension · Developer Tools 6,000+ 162 ★ 74.65KiB

icon

Reticle Extension · Developer Tools 6,000+ 27 ★ 39.33KiB

icon

VisBug Extension · Developer Tools 6,000+ 252 ★ 5.38MiB

icon

UX Check Extension · Productivity 6,000+ 84 ★ 1.32MiB

icon

Web Developer Checklist Extension · Developer Tools 6,000+ 54 ★ 32.65KiB

icon

CSS3 Generator Extension · Developer Tools 6,000+ 60 ★ 346KiB

icon

CSS Shapes Editor Extension · Developer Tools 6,000+ 101 ★ 84.76KiB

icon

Emmet LiveStyle Extension · Developer Tools 6,000+ 351 ★ 356KiB

icon

DevTools Author Extension · Developer Tools 6,000+ 117 ★ 377KiB

icon

LiveReload Extension · Developer Tools 6,000+ 808 ★ 60.78KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 6,000+ 605 ★ 732KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 6,000+ 87 ★ 816KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 6,000+ 65 ★ 223KiB

User reviews

icon

Abhinav Srivastava (ID: 000000f758d8bb8f) Voted 5 ★ - Updated 01/10/2023 just what i needed

icon

D G (ID: 000000451e519128) Voted 5 ★ - Updated 10/23/2022 Exactly what I was looking for. Love that you can offset the grid...makes it easy to use in website builders.

icon

Elmon Afrizon (ID: 0000005be70ee403) Voted 2 ★ - Updated 07/18/2020 good

icon

Jasper MMM (ID: 000000fbbb0ed561) Voted 5 ★ - Updated 11/02/2019 Works great on my Chromebook. This tool gave me insight in how poorly my text is aligned. Thanks!

icon

sonia aparecida saglia (ID: 0000001bb7ae98a3) Voted 1 ★ - Updated 10/27/2019 trasluzir para o português