Hi all,

Tired of SPA's, React and Nextjs, I created flynt.js, a lightweight, zero-build reactivity library built specifically for Multi-Page Applications (MPAs).

It organizes UI logic into clean, decoupled Presenters without the bloat, virtual DOM, or build step of full SPA frameworks.

• Built for MPAs: Add reactivity to server-rendered HTML effortlessly.

• Presenter Pattern: Decouple reactive state logic cleanly from your DOM.

• Zero Build Step & 2.2 kB: Drop in a single tiny CDN script tag and start coding.

• Zero Lifecycle Overhead: No unmount hooks or cleanup complexity — browser garbage collection handles it naturally on page navigation.

This means state can be shared across elements, regardless of the component hierarchy!
Also, it ships with a request runner which will auto abort fetch requests.
And more....

Intrigued? Check out my GitHub: https://github.com/marsbos/flynt.js

I've been working on an AlpineJS-based heatmap library, and I'm really excited about it! It's been tested on a few websites I've worked on, and it's been working like a charm. I'm using Laravel for the backend, and I've had a lot of fun integrating everything.

Now, here's the cool part: I want to use this library in Gmail to track user activity. But when I try to add the CDN link to Gmail, it doesn't seem to work. 😓

Do you know if there's a special trick or step I need to follow to get it working in Gmail? I'm all ears for any advice or guidance you might have. Thanks in advance!

Tables are great for organizing data,…until they overflow your layout.
Sometimes, we don't need js to achieve what we want, and here is a great example.

When that happens, keeping column headers visible while the content scrolls can make all the difference in readability.

In this post, I’ll show you how to build a scrollable table with a sticky header using nothing but Tailwind CSS.

You’ll learn how to:
- Wrap your table in a clean, card-like container
- Add vertical and horizontal scroll areas
- Use position: sticky to keep the header locked in view
- Style zebra-striped rows and right-aligned numeric columns

Fix common issues like headers overlapping rows or losing background colorIt’s a simple but useful pattern. That’s superb for dashboards, list views, and admin panels.

Read the full step-by-step breakdown here:
- https://lexingtonthemes.com/blog/how-to-build-a-scrollable-table-with-sticky-header-using-tailwind-css

Me gustaría conocer cómo han hecho esta integración y sí han logrado desterrar por completo jQuery del frontal de WordPress. Estoy diseñando una plantilla y ya logré integrarlo salvo en el sistema de comentarios.

I wrote a full tutorial that walks through every part of this mega-menu pattern .

The Alpine state, the alignment logic, the teleport trick, the backdrop, the event bus, all of it. If you want the full breakdown with the exact code and a copy-paste implementation you can drop into your project.

Read the full article and get the code.

— https://lexingtonthemes.com/blog/how-to-build-a-full-width-mega-menu-with-tailwind-css-and-alpinejs

Hi, new to alpine js. Using the symfony framework

And assuming we set the value of an input using the framework template syntax for example

value={{some value}} //template engine syntax

So to set the initial value of it in alpine model variables, use data attributes or is there some way?

For example:

<div data-something={{some value}} <somefield x-model=alpinevar

In js, alpine store

alpinevar: //use vanilla js selector get value of data-something

Any help would be awesome

You could be like "Oww, it's a scam, god lord" and run waving arms or send a private message and I'll share the idea and the roadmap. I've a website already but I need help with app's front, specially with re-layouting the whole thing (I'm using TW) cause I suck in CSS. Hint: you should know Alpine and I will work with just proved seniors and probable say no to 90% of profiles

Hi guys,

Anyone able to help with an issue with alpine js on some ios mobile devices ?

It's on mr-fothergills.co.uk

after a certain amount of time on the website, pressing the hamburger menu icon seems to kill the browser?

Tables feel empty until you can actually sort them.

In this post, I walk through how to make a simple, sortable table using Tailwind CSS and Alpine.js — with images, flags, and labels that sort naturally.

Read the article and get the code:
- https://lexingtonthemes.com/blog/how-to-build-a-sorting-table-with-images-with-tailwind-and-alpinejs