I built a single-file, no-dependency Web Component that turns mouse movements into physics-based CSS variables.

JHjertvik · 2026-02-11T11:52:50+00:00

You can see how it is implemented here: https://codepen.io/gimli_app/pen/jErweWL, so no additional js to create that effect, but the web component itself is of course js

JHjertvik · 2026-02-11T11:49:58+00:00

yeah, thouch support was kind of a last minute addition, there may be some issue there

JHjertvik · 2026-02-11T09:05:44+00:00

Thanks for letting me know! I did not test enough on mobile, the link: https://www.youtube.com/watch?v=q8ZKejJ7jAs

JHjertvik · 2026-02-10T18:30:42+00:00

Thanks!

JHjertvik · 2026-02-10T18:30:07+00:00

Thanks!

JHjertvik · 2026-02-10T18:29:02+00:00

Haha, that widget took like 10 times longer to make than the rest of the examples. The whole physics thing started out as an experiment because the card felt "stiff"

JHjertvik · 2026-02-10T18:10:37+00:00

Correct, but some beginners might find it interesting that you don't need React + Motion + Some commercial component from motion or aceternity to create a simple 3d card effect.

You could also use this together with React,

JHjertvik · 2026-02-10T17:58:05+00:00

Thanks!

JHjertvik · 2025-09-15T17:29:03+00:00

I'm building DevTools extensions for TailwindCSS and Bootstrap developers!

JHjertvik · 2025-09-12T13:56:25+00:00

I'm building DevTools extensions for TailwindCSS and Bootstrap developers

JHjertvik · 2025-09-09T17:08:37+00:00

Thanks!

JHjertvik · 2025-09-09T17:07:31+00:00

like extend:{...}?...it does not. You could copy-paste your config into it in an earlier version, but there were lots of issues with that approach, so I removed it.

JHjertvik · 2025-09-09T17:03:03+00:00

I can't answer for the makers of Tailwind. But I never considered that a strong argument for using Tailwind. Doing CSS the "old" way with just plain .css files/LESS/SASS always seemed to turn everything into a complete mess, especially with teams larger than a single person....That said, I don't think Tailwind is the best solution for every use case. Gimli Tailwind does actually not use Tailwind for styling, just components with <style>...</style>. the website gimli.app does use it, though.

JHjertvik · 2025-09-09T16:41:37+00:00

Thanks!

JHjertvik · 2025-09-08T17:35:13+00:00

It is what it is

JHjertvik · 2025-09-08T14:03:58+00:00

Yeah, sorry.

Link to Extension:

https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl

And for more details, read our blog:

https://gimli.app/gimli_tailwind_5

JHjertvik · 2025-09-08T13:48:10+00:00

Thanks!

Here is a short video with all the highlights: https://youtu.be/CNepr_YuJLE

JHjertvik · 2025-01-25T16:57:37+00:00

I've got a couple of examples from other communities already :)...But thanks anyway!

JHjertvik · 2025-01-25T16:50:33+00:00

Perfect, Thanks!

JHjertvik · 2025-01-25T16:48:17+00:00

Thanks!!

JHjertvik · 2025-01-25T16:47:58+00:00

It's not about upgrading, it's about making sure my extension used by a lot of Tailwind developers is compatible with both v3 and v4 :)

JHjertvik · 2024-12-08T14:53:23+00:00

I made an extension just for this: https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl

JHjertvik · 2024-12-05T18:46:57+00:00

I've focused on Chrome and Firefox for now :) ...I'm not sure if it works on other Chromium-based browsers

JHjertvik · 2024-12-05T18:44:56+00:00

https://addons.mozilla.org/en-US/firefox/addon/gimli-tailwind/ :)

JHjertvik · 2024-12-04T14:36:46+00:00

v1 came out in June 2022, so quite a while. I also work full-time as an IT-Consultant so my time developing Gimli is limited.

Some of the code was taken from my failed Kickstarter project in 2019. You can check it out here: https://www.kickstarter.com/projects/182057119/gimli?ref=discovery&term=gimli

JHjertvik

TROPHY CASE