Top 6 JavaScript Inline Projects

email-templates

1 3,538 3.9 JavaScript

Create, preview (browser/iOS Simulator), and send custom email templates for Node.js. Made for @forwardemail, @ladjs, @cabinjs, @spamscanner, and @breejs.

Project mention: Sending Emails with Node.js | dev.to | 2022-09-12

Let’s experiment with the email-templates package. It has several interesting features:
juice

2 2,971 2.3 JavaScript

Juice inlines CSS stylesheets into your HTML source.

Project mention: How to Improve Your Emails With CSS? | dev.to | 2022-09-02

Another tool worth mentioning is the Responsive Email CSS Inliner by HTML Email. Just like other conversion tools, this inliner works similarly by reading your embedded CSS in one window and making it inline in another. The feature that makes it stand out from the rest is that it also has a third window that demonstrates what the actual email would look like, both on mobile and desktop. Additionally, there is an option to download a .html file of the email. Since the tool is powered by Juice, an open-source project, it can also be easily integrated into your Node.js projects and works in client JavaScript.
Klotho

klo.dev
sponsored

AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
common-tags

0 1,910 0.0 JavaScript

🔖 Useful template literal tags for dealing with strings in ES2015+
vue-inline-svg

1 163 4.8 JavaScript

Dynamically loads an SVG source and inline <svg> element so you can manipulate the style of it

Project mention: Alternative libs to migrate from React to Vue (or Vue to React) | dev.to | 2023-01-05

vue-inline-svg + vite-plugin-require
netlify-plugin-inline-critical-css

0 65 2.3 JavaScript

A Netlify plugin to inline your critical CSS, built on top of the `critical` package.
html-bundler-webpack-plugin

11 30 10.0 JavaScript

This plugin allows to use an HTML template as a starting point for all dependencies used in your web application. All source styles, scripts specified in HTML are processed, and the extracted JS, CSS are saved to the output directory. The plugin automatically substitutes output filenames into the generated HTML file.

Project mention: Bundling into a Library | /r/webpack | 2023-04-27

To bind your source files of scripts, styles from your lib with the HTML try to use the html-bundler-webpack-plugin.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-04-27.