Gimli

Visual browser extensions for front-end developers

Pay Once

Description

Gimli offers professional browser extensions designed to enhance the productivity of front-end developers. With dedicated tools for Tailwind CSS and Bootstrap, users can visually adjust design elements directly within their browser on both Chrome and Firefox platforms.

Developed independently and maintained with continued feature updates, Gimli enables developers to streamline their workflow with intuitive visual editing capabilities, all under a fair, one-time lifetime license model.

Key Features

Tailwind CSS Visual Extension: Professional DevTools browser extension for Tailwind CSS developers
Bootstrap Visual Extension: Essential browser extension for Bootstrap projects
One-Time Purchase: Lifetime license with no subscription fees
Multi-Browser Support: Available for Google Chrome and Firefox
Custom Utility Class Detection: Adapts to existing utility classes on a page
Continuous Updates: Frequent support for new frameworks and versions (e.g. Tailwind 4 support, Svelte rewrite)
Web Component Demo: Includes a mouse-tracker web component with tunable parameters
Visual Design Tools: 3D card effect, magnetic button, and magnifying glass sample effects for rapid prototyping
Direct CSS Editing: Modify only the active sections for improved compatibility
Independent Developer Support: Purchases fuel ongoing indie development

Use Cases

Speed up CSS utility workflow for Tailwind and Bootstrap
Edit styles visually within the browser
Rapid prototyping of front-end components
Inspect and adjust website layouts live
Browser-based front-end design refinement

Frequently Asked Questions

Does Gimli Tailwind support my custom configuration?

Gimli Tailwind will attempt to use existing utility classes on the page, so if those are custom, they will work. Applying non-existing custom classes will not function, but future versions may allow users to copy-paste their configuration.

What happened to the Visual Studio Code extension?

Although there was significant interest, the VS Code extension showcased during the Kickstarter campaign will not be developed further due to time constraints and the effort required to make it production-ready.

When will the playground be released?

The playground is targeted for release in early 2027.

Do the extensions support different versions of TailwindCSS and Bootstrap?

Gimli Tailwind now modifies only the sections you edit, reducing compatibility problems with TailwindCSS. For Bootstrap, major version changes may still cause issues, especially with older versions.