Issue #580 (JS Articles, Frameworks, Media, Text Editors)

<!--[if mso | IE]>

WorkOS: Modern Identity Platform for B2B SaaS
With WorkOS you can start selling to enterprises with just a few lines of code.

WorkOS provides a complete user management solution along with SSO, SCIM, RBAC, and Audit Logs.
Modular and easy-to-use APIs allow you to finish integrating in minutes instead of months.
User management is free up to 1 million MAUs and includes bot protection, MFA, roles/permissions, and more.

WorkOS powers some of the fastest growing startups like Perplexity, Vercel, and Webflow.

Start Integrating Today →

<!--[if mso | IE]>

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):

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.

<!--[if mso | IE]>

Bytes: Everyone's Favorite JavaScript Newsletter
If you're a front-end developer who works regularly with JavaScript, you'll want to subscribe to Bytes. Every issue is packed with news, articles, tools, and coding tips covering just about everything going on in the JavaScript ecosystem.

I haven't missed an issue of Bytes in years and it's one of the primary ways that I'm able to keep up with the latest in front-end news and information. In addition to the top quality content, you'll get a laugh almost every week with the team's humorous take on the JavaScript industry.

Subscribe to Bytes Today →

<!--[if mso | IE]>

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

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.

WhyNotShip – A Nuxt boilerplate for SaaS development, to build, iterate, and deploy high-quality apps.

AI Tool Report – A daily AI newsletter with the latest AI tools, best prompts, and more. AD

Expressive Animator – A premier editor to create interactive SVG animations that run anywhere.

Motiff – An AI-powered professional UI design tool to achieve 10x design efficiency.

Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights. AD

Component Odyssey – A 5-hour course to learn how to build a modern web component library.

Red Pixel Themes – Free and premium templates built with Tailwind CSS.

<!--[if mso | IE]>

An X Post for Thought

Adam reveals what we all should have figured out long ago – that Google is just a big clumsy web developer like the rest of us!

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @LouisLazaris (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.

Before I Go...

If you're tired of seemingly every quality app being a paid subscription, check out PayOnceApps, a searchable and categorized directory of apps that can be purchased forever with a one-time payment.

Scroll to top