Web Tools #580 - Web Frameworks, Media/SVG Tools, VS Code

Advertisement

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