Skip to content

Commit e458700

Browse files
committed
chore: credit b3an33 for the logo
1 parent 3538cd2 commit e458700

1 file changed

Lines changed: 34 additions & 9 deletions

File tree

README.md

Lines changed: 34 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,45 @@
1+
<div class="title-block" style="text-align: center;" align="center">
2+
13
# Amgiflol - Figma-like Layout Inspector For Web
24

5+
<p><img alt="title="amgiflol logo"" title="amgiflol logo" src="src/assets/icon.png" width="256" height="256"></img></p>
6+
7+
[![Release](https://img.shields.io/github/v/release/sm17p/amgiflol)](https://github.com/sm17p/amgiflol/releases)
8+
[![Release date](https://img.shields.io/github/release-date/sm17p/amgiflol)](https://github.com/sm17p/amgiflol/releases)
9+
[![License](https://img.shields.io/github/license/sm17p/amgiflol)](licenses)
10+
11+
**LOGO BY** - [b3an33](https://github.com/b3an33)
12+
13+
</div>
14+
315
A browser extension that helps with design audit. Match web layouts with Figma designs through real-time element inspection, measurements, and visual overlays.
416

5-
- [Google Chrome](https://chromewebstore.google.com/detail/amgiflol/kpkpcekkflbmmmhjlnkbkfkdjfjnnonl/)
6-
- [Mozilla Firefox](https://addons.mozilla.org/en-US/firefox/addon/amgiflol/)
17+
## Marketplace
18+
19+
### Supported Browsers
20+
21+
| Chromium | Firefox |
22+
| -------------------------------------- | ------------ |
23+
| Chrome, Edge, Brave, Vivaldi, Arc, Dia | Firefox, Zen |
24+
25+
### Users
26+
27+
[![Chrome Web Store Users](https://img.shields.io/chrome-web-store/users/kpkpcekkflbmmmhjlnkbkfkdjfjnnonl?style=for-the-badge&logo=GoogleChrome&label=Chromium)](https://chromewebstore.google.com/detail/amgiflol/kpkpcekkflbmmmhjlnkbkfkdjfjnnonl) [![Mozilla Add-on Users](https://img.shields.io/amo/users/amgiflol?style=for-the-badge&logo=Firefox-Browser&label=Firefox)](https://addons.mozilla.org/en-US/firefox/addon/amgiflol/)
728

829
## Target Audience
930

1031
Any individual or web development teams including front-end developers, UI/UX designers, QA engineers, and product managers.
1132

1233
## Usage Note
1334

14-
Personally, I'm building this tool to act as an active visual debugger, since it is what I struggle with the most.
15-
16-
1. For others, it's intended to be used as an audit tool at the end or during development. Use it to reason about the layout like you would in a prototyping tool like Figma, or Adobe XD.
17-
2. This tool won't automatically point out alignment or style mismatch with your designs.
18-
3. You may find some shortcuts not implemented or upto the industry standard.
19-
4. **This tool doesn't require you to login into any of your fav prototyping tool.**
35+
> [!IMPORTANT]
36+
>
37+
> Personally, I'm building this tool to act as an active visual debugger, since it is what I struggle with the most.
38+
>
39+
> 1. For others, it's intended to be used as an audit tool at the end or during development. Use it to reason about the layout like you would in a prototyping tool like Figma, or Adobe XD.
40+
> 2. This tool won't automatically point out alignment or style mismatch with your designs.
41+
> 3. You may find some shortcuts not implemented or upto the industry standard.
42+
> 4. **This tool doesn't require you to login into any of your fav prototyping tool.**
2043
2144
## Current Features
2245

@@ -97,4 +120,6 @@ src/
97120

98121
---
99122

100-
**License**: MIT | **Build**: Vite + WXT + Svelte + TypeScript
123+
**License**: [MIT](license) | **Powered By**: Vite + WXT + Svelte + TypeScript + bits-ui
124+
125+
[license]: LICENSE.md

0 commit comments

Comments
 (0)