{"id":26257184,"url":"https://github.com/van4kk/css-outliner","last_synced_at":"2026-05-07T06:38:08.637Z","repository":{"id":158676430,"uuid":"634177120","full_name":"Van4kk/css-outliner","owner":"Van4kk","description":"Adding outline for chosen HTML tag and many other tools for debugging CSS","archived":false,"fork":false,"pushed_at":"2025-01-22T03:26:56.000Z","size":1241,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T04:21:42.257Z","etag":null,"topics":["chrome-extension","css","css-grid","css-outliner","css-tools","vue","vue3","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Van4kk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-29T09:41:49.000Z","updated_at":"2025-01-21T17:35:27.000Z","dependencies_parsed_at":"2023-10-16T12:41:09.242Z","dependency_job_id":null,"html_url":"https://github.com/Van4kk/css-outliner","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Van4kk%2Fcss-outliner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Van4kk%2Fcss-outliner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Van4kk%2Fcss-outliner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Van4kk%2Fcss-outliner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Van4kk","download_url":"https://codeload.github.com/Van4kk/css-outliner/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243477399,"owners_count":20297062,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","css","css-grid","css-outliner","css-tools","vue","vue3","vuejs"],"created_at":"2025-03-13T20:29:01.768Z","updated_at":"2025-12-30T07:14:52.529Z","avatar_url":"https://github.com/Van4kk.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Coming Soon...\n\n\u003cdiv align=\"center\"\u003e\n    \u003cbr\u003e\n    \u003ca href=\"#\" style=\"text-decoration: none\"\u003e\n        \u003cimg src=\"src/app/assets/logo/css-outliner-logo.png\" height=\"300\" alt=\"Logo\"\u003e\n        \u003cbr\u003e\n        \u003ch1 align=\"center\" style=\"color: #ffffff\"\u003eCss Outliner\u003c/h1\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n\u003ch4 align=\"center\"\u003e\n    Adding outline for chosen \u003cb\u003eHTML\u003c/b\u003e tag and many other tools for \u003cb\u003eCSS3\u003c/b\u003e\n\u003c/h4\u003e\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"\"\u003e\n        \u003cimg src=\"\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/Van4kk/css-outliner/issues\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/issues/van4kk/css-outliner.svg\" alt=\"Issues\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/contributions-welcome-orange.svg\" alt=\"Contributors are welcome\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"#license\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"Licence MIT\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"#features-art\"\u003eKey Features\u003c/a\u003e •\n    \u003ca href=\"#download-open_file_folder\"\u003eDownload\u003c/a\u003e •\n    \u003ca href=\"#changelog-hammer_and_pick\"\u003eChangelog\u003c/a\u003e •\n    \u003ca href=\"#appearance-framed_picture\"\u003eAppearance\u003c/a\u003e •\n    \u003ca href=\"#support-call_me_hand\"\u003eSupport\u003c/a\u003e •\n    \u003ca href=\"#license-book\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n## Features :art:\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eGet CSS Properties from any element by just hovering or selecting it\u003c/h3\u003e\u003c/summary\u003e\n    \u003cimg src=\"\" width=\"\" height=\"\" alt=\"Hovering feature image\" /\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eDownload website assets\u003c/h3\u003e\u003c/summary\u003e\n    \u003cimg src=\"\" width=\"\" height=\"\" alt=\"Download assets feature image\" /\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eGet the color palette of the website\u003c/h3\u003e\u003c/summary\u003e\n    \u003cimg src=\"\" width=\"\" height=\"\" alt=\"Color palette assets feature image\" /\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eCustomizable settings\u003c/h3\u003e\u003c/summary\u003e\n    \u003cul\u003e\n        \u003cli\u003e\n            \u003ca href=\"#shortcuts\"\u003e\u003ch4\u003eKeyboard Shortcuts\u003c/h4\u003e\u003c/a\u003e\n            \u003cp\u003eYes, you can add custom shortcuts! Actually change the existing ones. The extension provide some shortcuts by default, but you can customize them how you want.\u003c/p\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\n            \u003ca href=\"#active-instruments\"\u003e\u003ch4\u003eActive instruments\u003c/h4\u003e\u003c/a\u003e\n        \u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails id=\"#shortcuts\"\u003e\n    \u003csummary\u003e\u003ch3\u003eKeyboard Shortcuts\u003c/h3\u003e\u003c/summary\u003e\n    \u003cul\u003e\n        \u003cspan\u003eThese are default shortcuts:\u003c/span\u003e\n        \u003cli\u003e\u003ccode\u003eEsc\u003c/code\u003e to exit the app\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003ef\u003c/code\u003e to freeze the window\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003es\u003c/code\u003e stop/cancel work and back to the main page\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003eo\u003c/code\u003e copy css\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003eg\u003c/code\u003e display outline\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003eb\u003c/code\u003e display background\u003c/li\u003e\n        \u003cli\u003e\u003ccode\u003eCtrl\u003c/code\u003e + \u003ccode\u003e←\u003c/code\u003e or \u003ccode\u003e→\u003c/code\u003e to move the extensios\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails id=\"#active-instruments\"\u003e\n    \u003csummary\u003e\u003ch3\u003eActive instruments on your list of pages without opening the extension every time\u003c/h3\u003e\u003c/summary\u003e\n    \u003cp\u003eComing soon..\u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eEmpty one\u003c/h3\u003e\u003c/summary\u003e\n    \u003cul\u003e\n        \u003cli\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/details\u003e\n\u003cbr\u003e\n\n## Download :open_file_folder:\n\u003cdetails\u003e\n    \u003csummary\u003eHere are the links where you can download and use the extension!\u003c/summary\u003e\n    \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"\"\u003eChrome\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"\"\u003eFirefox\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"\"\u003eOpera\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"\"\u003eSafari\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/details\u003e\n\u003cbr\u003e\n\n## Changelog :hammer_and_pick:\n\u003cdetails\u003e\n    \u003csummary\u003e\u003ch3\u003eVersion 1.0.0 The Beginning :orthodox_cross:\u003c/h3\u003e\u003c/summary\u003e\n    \u003cp\u003e\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac ipsum sodales, dapibus libero id, commodo dui. Donec faucibus ultrices sollicitudin. Cras sapien metus, consequat ut ex at, tempor accumsan augue. Morbi at maximus mauris. Nam maximus iaculis quam at scelerisque. Donec turpis massa, tristique at urna non, pharetra iaculis mauris.\n        \u003cul\u003e\n            \u003cli\u003easdas\u003c/li\u003e\n            \u003cli\u003esdas\u003c/li\u003e\n            \u003cli\u003easdas\u003c/li\u003e\n            \u003cli\u003edsad\u003c/li\u003e\n            \u003cli\u003esadas\u003c/li\u003e\n            \u003cli\u003esadas\u003c/li\u003e\n        \u003c/ul\u003e\n    \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cbr\u003e \n\n## Appearance :framed_picture:\n\n• inspired\nfrom [4ebur.net – Best VPN Proxy](https://chrome.google.com/webstore/detail/4eburnet-%E2%80%93-best-vpn-proxy/bpoljniljbghlopcdaojdpodmnjffdeb)\n\n\u003cbr\u003e\n\n## Support :call_me_hand:\n\n\u003cdiv style=\"display: flex\"\u003e\n    • Chrome \u0026nbsp; \u003cimg src=\"src/app/assets/images/chrome.png\" width=\"25\" height=\"25\" alt=\"Chrome Logo\"\u003e\u003cbr\u003e\n\u003c/div\u003e\n\u003cdiv style=\"display: flex\"\u003e\n    • Firefox \u0026nbsp; \u003cimg src=\"src/app/assets/images/mozilla.png\" width=\"25\" height=\"25\" alt=\"Chrome Logo\"\u003e \u0026nbsp; Coming soon.. \u003cbr\u003e\n\u003c/div\u003e\n\u003cdiv style=\"display: flex\"\u003e\n    • Edge \u0026nbsp; \u003cimg src=\"src/app/assets/images/edge.png\" width=\"25\" height=\"25\" alt=\"Chrome Logo\"\u003e \u0026nbsp; Coming soon.. \u003cbr\u003e\n\u003c/div\u003e\n\u003cdiv style=\"display: flex\"\u003e\n    • Opera \u0026nbsp; \u003cimg src=\"src/app/assets/images/opera.svg\" width=\"25\" height=\"25\" alt=\"Chrome Logo\"\u003e \u0026nbsp; Coming soon.. \u003cbr\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e \n\n## Licence :book:\n\nMIT \u0026copy; [Van4kk](https://github.com/Van4kk/)\n\u003chr\u003e\n\n\u003cdiv align=\"center\"\u003e\n    Give a :star: to the extension if you liked it. \u003cbr\u003e\n    Made with :heart: by \u003ca href=\"https://github.com/Van4kk/\"\u003eVan4kk\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvan4kk%2Fcss-outliner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvan4kk%2Fcss-outliner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvan4kk%2Fcss-outliner/lists"}