https://github.com/van4kk/css-outliner

Adding outline for chosen HTML tag and many other tools for debugging CSS
https://github.com/van4kk/css-outliner

chrome-extension css css-grid css-outliner css-tools vue vue3 vuejs

Last synced: about 1 month ago
JSON representation

Adding outline for chosen HTML tag and many other tools for debugging CSS

• Host: GitHub
• URL: https://github.com/van4kk/css-outliner
• Owner: Van4kk
• License: mit
• Created: 2023-04-29T09:41:49.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-22T03:26:56.000Z (over 1 year ago)
• Last Synced: 2025-01-22T04:21:42.257Z (over 1 year ago)
• Topics: chrome-extension, css, css-grid, css-outliner, css-tools, vue, vue3, vuejs
• Language: Vue
• Homepage:
• Size: 1.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
### Coming Soon...



    


    

        

        


        
Css Outliner

    





    Adding outline for chosen HTML tag and many other tools for CSS3








    

        

    

    

        

    

    

        

    

    

        

    





    Key Features •

    Download •

    Changelog •

    Appearance •

    Support •

    License






## Features :art:

    
Get CSS Properties from any element by just hovering or selecting it

    


    
Download website assets

    


    
Get the color palette of the website

    


    
Customizable settings

    


        


            
Keyboard Shortcuts

            
Yes, 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.

        

        


            
Active instruments

        

    


    
Keyboard Shortcuts

    


        These are default shortcuts:

        


Esc to exit the app

        


f to freeze the window

        


s stop/cancel work and back to the main page

        


o copy css

        


g display outline

        


b display background

        


Ctrl + ← or → to move the extensios

    


    
Active instruments on your list of pages without opening the extension every time

    
Coming soon..


    
Empty one

    


        


    





## Download :open_file_folder:

    Here are the links where you can download and use the extension!

    


        
Chrome

        
Firefox

        
Opera

        
Safari

    





## Changelog :hammer_and_pick:

    
Version 1.0.0 The Beginning :orthodox_cross:

    


        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.

        


            
asdas

            
sdas

            
asdas

            
dsad

            
sadas

            
sadas

        

    



 

## Appearance :framed_picture:

• inspired

from [4ebur.net – Best VPN Proxy](https://chrome.google.com/webstore/detail/4eburnet-%E2%80%93-best-vpn-proxy/bpoljniljbghlopcdaojdpodmnjffdeb)




## Support :call_me_hand:



    • Chrome   






    • Firefox      Coming soon.. 






    • Edge      Coming soon.. 






    • Opera      Coming soon.. 





 

## Licence :book:

MIT © [Van4kk](https://github.com/Van4kk/)





    Give a :star: to the extension if you liked it. 


    Made with :heart: by Van4kk