Issue #580  (JS Articles, Frameworks, Media, Text Editors)08/29/24

Sadly, I haven't done much writing and blogging this year, as my newsletters generally take up most of my time. However, I did write a couple of JavaScript-related articles for WPShout (formerly CodeinWP):

• Best JavaScript Build Tools and Bundlers Compared
• JavaScript Modules (ES6 Modules) Explained

The first one is a decent comparison of the popular build tools used today. Some of that info may be out of date now, but the article has been updated once since first being published.

The other article is a comprehensive introduction to JavaScript modules that you'll definitely enjoy if ES Modules are a new concept to you.

Now on to this week's tools!
 

Web Frameworks

Onset — An open-source Next.js bare starter (with step-by-step instructions if required), built with Next.js 14, Drizzle (Postgres), and NextAuth/Auth.js.

Full-Stack Cloudflare SaaS Kit — An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare, with Turbo, Tailwind, Next.js, shadcn/ui, and lots more.

Varlet — A Vue3 component library of 60+ components based on Material Design 2 and 3, with SSR support, theme customization, a VS Code extension, and lots more.

Add SSO the Easy Way — WorkOS helps you ship SSO and other enterprise features this afternoon. From high-quality documentation to self-serve onboarding for your customers, we remove all the unnecessary complexity for your engineers.   SPONSORED 

Landing Page UI — A component library that makes it easy to create landing pages with React and Tailwind CSS.

dotUI — A set of accessible, mobile friendly, modern UI components for building projects in React and Tailwind, consisting of 50+ components with lots of demos and documentation.

LightAPI — A modular, easy-to-use, feature-rich API template for building projects with Express.js, with route handling, user auth with JWT, CORS, middleware-ready, and lots more.

SupaVlog — An open-source template for creating a Vlog (i.e. video blog), featuring video via Stream, auth with Supabase, webhook events via Hookdeck, and more.

Aceternity UI — A UI component library built with React, Next.js, and Tailwind, with 60+ available components and their variations.

SaaS Starter — A modern SaaS boilerplate built with SvelteKit, Tailwind, and Supabase that includes marketing page, blog, subscriptions, auth, user dashboard, user settings, pricing page, and more.

Media Tools (SVG, Video, etc.)

Slimify — A client-side and loss-less image compression app with support for JPEG, PNG, and WebP, and 10 images per batch, with WebP being the output format.

macOSicons — A directory of 24,000+ replacement icons for popular apps in macOS and iOS, in the style of macOS Big Sur.

A Newsletter for VS Code Users — In case you didn't know, I also curate a weekly newsletter featuring VS Code extensions, themes, articles, tips, and more, with some extra non-VS Code links each week.   SPONSORED 

C3.js — A charting library that makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart.

TikTok-Live-Connector — A Node.js library to receive live stream events such as comments and gifts in real time from TikTok Live, by connecting to TikTok's internal WebCast push service.

Hugeicons React — An expansive collection of 4,000+ stroke-based React icons, crafted to meet a diverse array of design requirements.

Polotno Studio — A web app to create graph designs that lets you mix image, text, and illustrations to make social media posts, YouTube previews, podcast covers, business cards, etc.

paint-board — A powerful multi-end drawing board that brings together many creative brushes to experience a whole new range of drawing effects.

Popicons — A set of free icons in Figma, SVG, web font formats in line, solid, and duotone styles.

Advertisement

VS Code Tools & Text Editors

CodeViz — A VS Code extension that builds a visual map of your codebase for faster understanding and navigation, from architecture to functions.

Mint it — A VS Code extension that adds highlighting to comments, to assist with comment todos, tasks, etc., with support for 20+ programming languages.

audapolis — An editor for spoken-word audio with automatic transcription, that aims to make the workflow for spoken-word-heavy media editing easier, faster, and more accessible.

Paste JSON as Code — A VS Code extension that lets you copy a snippet of JSON then paste it in compatible code for JavaScript, Go, TypeScript, PHP, Rust, and more.

A Newsletter for VS Code Users — In case you didn't know, I also curate a weekly newsletter featuring VS Code extensions, themes, articles, tips, and more, similar to what's in this very category!   SPONSORED 

DevDb — A zero-config VS Code extension that auto-loads your database and displays the data right inside VS Code.

Bread Jam — A VS Code extension that makes your code variables easier to distinguish with different render patterns, to enhance readability.

calcul.io — An online math playground that makes learning and solving math problems enjoyable and includes comprehensive functionality and is mobile friendly.

Million Lint — A VS Code extension that helps identify, explain, and fix React performance issues allowing you to write React code that's optimized for speed.

CSS Compatibility — A VS Code extension that lets you check, on hover, which CSS syntax, keywords, types, or functions are compatible or supported with all browsers and their versions.

Commercial Apps & Classifieds