Support Gimli on
1 min
A Visual Studio Code extension enabling

Smart visual tools for front-end developers.

Layout Tools

Creating complex dynamic layouts often requires the use of grid and flexbox. Learning all the possible properties and how they interact with one another can be challenging.
Gimli solves this by providing visual tools that greatly simplifies the process of creating complex layouts.

See the full timelapse.
5 min

Find Source

Navigate your files with ease using Gimli's find source feature. Works for both CSS rules and HTML elements.


Please note that this feature needs your project to have sourcemaps enabled to work correctly in many cases.

Framework integration

Just like your browsers dev-tools, Gimli works with any framework or library. So far, Gimli has been tested with React, Wordpress, Bootstrap, VueJS, Angular and Stencil using projects of varying size and complexity.

Apply styles

No need to copy/paste styles. Using Gimlis apply styles, you can see which styles have been added/removed/changed, and then lets you apply these styles to your stylesheets or components.


Please note that this feature needs your project to have sourcemaps enabled to work correctly in many cases.

More info coming soon on the following:

Typography & text tools
Import custom snippets
Transform & perspective tools
HTML export & formatting
DOM tree view
Color & branding tools