└── README.md /README.md: -------------------------------------------------------------------------------- 1 | ### Here's a curated list of awesome light weight & modern JS frameworks that can be loaded through a CDN. 2 | 3 | > [!NOTE] 4 | For small sized projects Vanilla JS is more than equipped, See this [Gist](https://gist.github.com/n-ce/20e17c5d6f24e4cd835547335016f78b)


5 | If JavaScript Tooling is an option then frameworks like Svelte, Solid, Preact or Lit are better suited in terms of Developer Productivity and Bundle Size. 6 | 7 | ## [HTMX](https://htmx.org/) 8 | - [![](https://img.shields.io/github/stars/bigskysoftware/htmx.svg?style=social&label=Star)](https://github.com/bigskysoftware/htmx) 9 | - [![](https://img.shields.io/github/release-date/bigskysoftware/htmx)](https://github.com/bigskysoftware/htmx/releases) 10 | - CDN : https://unpkg.com/browse/htmx.org/dist/ (50KB) 11 | - Access AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes. 12 | 13 | ## [Alpine](https://alpinejs.dev/) 14 | - [![](https://img.shields.io/github/stars/alpinejs/alpine.svg?style=social&label=Star)](https://github.com/alpinejs/alpine) 15 | - [![](https://img.shields.io/github/release-date/alpinejs/alpine)](https://github.com/alpinejs/alpine/releases) 16 | - CDN : https://cdn.jsdelivr.net/npm/alpinejs/dist/cdn.min.js (44KB) 17 | - A rugged, minimal framework for composing JavaScript behavior in your markup. 18 | 19 | ## [Datastar](https://data-star.dev/) 20 | - [![](https://img.shields.io/github/stars/delaneyj/datastar.svg?style=social&label=Star)](https://github.com/delaneyj/datastar) 21 | - [![](https://img.shields.io/github/release-date/delaneyj/datastar)](https://github.com/delaneyj/datastar/releases) 22 | - CDN : https://cdn.jsdelivr.net/npm/@sudodevnull/datastar (43KB) 23 | - Typescript library for making hypermedia systems, plugins work off of signals to make everything reactive and allow very fast interactions in very little code. 24 | 25 | ## [Van](https://vanjs.org) 26 | - [![](https://img.shields.io/github/stars/vanjs-org/van.svg?style=social&label=Star)](https://github.com/vanjs-org/van) 27 | - [![](https://img.shields.io/github/release-date/vanjs-org/van)](https://github.com/vanjs-org/van/releases) 28 | - CDN : https://cdn.jsdelivr.net/gh/vanjs-org/van/public/van-latest.min.js (2KB) 29 | - Ultra-lightweight, zero-dependency, and unopinionated Reactive UI framework, feels like building React apps, without JSX. 30 | 31 | ## [Preact](https://preactjs.com/) 32 | - [![](https://img.shields.io/github/stars/preactjs/preact.svg?style=social&label=Star)](https://github.com/preactjs/preact) 33 | - [![](https://img.shields.io/github/release-date/preactjs/preact)](https://github.com/preactjs/preact/releases) 34 | - CDN : https://unpkg.com/preact/dist/preact.js (12KB) 35 | - Fast alternative to React with the same modern API. 36 | 37 | ## [Inferno](https://infernojs.org/) 38 | - [![](https://img.shields.io/github/stars/infernojs/inferno.svg?style=social&label=Star)](https://github.com/infernojs/inferno) 39 | - [![](https://img.shields.io/github/release-date/infernojs/inferno)](https://github.com/infernojs/inferno/releases) 40 | - CDN : https://cdn.jsdelivr.net/npm/inferno/dist/inferno.min.js (24KB) 41 | - An extremely fast, React-like JavaScript library for building modern user interfaces. 42 | 43 | 44 | ## [Mithril](https://github.com/MithrilJS/mithril.js) 45 | - [![](https://img.shields.io/github/stars/MithrilJS/mithril.js.svg?style=social&label=Star)](https://github.com/MithrilJS/mithril.js) 46 | - [![](https://img.shields.io/github/release-date/MithrilJS/mithril.js)](https://github.com/MithrilJS/mithril.js/releases) 47 | - CDN : https://unpkg.com/mithril (24KB) 48 | - SPA framework with routing and XHR utilities out of the box. 49 | --------------------------------------------------------------------------------