Issue #524  (Frameworks, AI Tools, Svelte)08/03/23

This issue includes two firsts:

The first time I'm including "An X Post for Thought". That's the section of the newsletter formerly known as "A Tweet for Thought". Since Twitter is now officially simply called X and Tweets are now referred to as "posts", that seems like the sensible thing to do. But I'm guessing people will be referring to X posts as "tweets" for like the next 20 years. I mean, people still say "are you taping this?" even though nobody actually uses "tape" anymore when recording audio or video!

Also, while I've include a tools category called "JS Plugin Tools" before, lately the "plugins" I've been finding most often are associated with Svelte, the popular alternative to libraries like React and Vue. This is the first issue that includes a full category on Svelte. So if you're a Svelte developer, you'll enjoy the variety of tools in that section.

The weather has been quite good here in Toronto, Canada, so I'm likely going to put the intro tutorial/tip on hiatus until early September, just to give myself a little extra outdoors time and for other things going on in the next four weeks or so.

Now on to this week's tools!

Web Frameworks

Breadit
A modern full-stack Reddit clone built with the Next.js app router, TypeScript, and Tailwind.

Pines
An UI library of animations, sliders, tooltips, accordions, modals, and more, built with Alipine.js and Tailwind.

AI Getting Started
A JavaScript AI 'getting started' stack for weekend projects, including image/text models, vector stores, auth, and deployment configs.

Get Smarter In 5 Minutes With Morning Brew (It's Free)
There's a reason over 4 million people start their day with Morning Brew - the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be boring. Make your mornings more enjoyable, for free.    SPONSORED 

Tailkits
A set of 250+ free and premium Tailwind CSS templates, UI Kits, and components to build modern websites.

Serverless-Boilerplate-Express-TypeScript
A super-opinionated starter project for building projects with Express.js, TypeScript, Prisma, MongoDB, ESLint, Prettier, Husky, Commitlint, and lots more.

astrosaas
A starter kit for Astro and Tailwind projects with components built with Alpine.js. Includes 6 template pages and various feature sections (pricing table, testmionial, CTA, forms, etc).

Asta
A highly specialized full-stack framework for SSR that has no virtual DOM on the server side and no JavaScript on the client side and strong performance scores out-of-the-box.

Fore
A web framework that lets you write data-driven front-end applications in a declarative way just using HTML Web Components.

production-ready-nextjs-template
A Next.js template for a production-ready app with internationalization, Redux Toolkit, Jest, Tailwind, plus Husky and lint-staged for code quality.

node-service-template
A batteries-included starter template for building enterprise Node.js web services.

On the Release Radar:

• nextjs-components – React components library now at version 3+
• adminJS – Admin panel for Node.js now at version 7+
• Tremor – React dashboard library now at version 3+
• daisyUI – Tailwind component library now at version 3+
• Konsta UI – Tailwind mobile UI components now at version 2+

AI and ChatGPT Tools

Chie.app
An extensible desktop app for macOS, Linux and Windows for large language models like ChatGPT and Bing Chat.

GPTBricks
Effortlessly integrate your chatbot with APIs of your choice, enabling an unmatched level of personalized functionalities.

Vercel AI SDK
A library for building AI-powered streaming text and chat UIs with React, Svelte, Vue, and Solid.

Tech Productivity
A weekly newsletter for tech professionals featuring tips, tools, apps, and articles on productivity, remote work, efficiency, habits, brain science, and lots more.    SPONSORED 

GPT Web App Generator
Enter an app title and description to generate a full-stack web app in Wasp, React, Node.js, and Prism.

codefy.ai
A toolbox of useful coding widgets to help you speed up your workflow. Write, explain, debug, compare, and translate code with 15+ helpful, customized tools.

PhotoRestore.io
An online AI-based tool to restore photos, increase photo resolution, remove image backgrounds, image colorizer, and more.

AI Companion App
A lightweight stack (based on the above-mentioned AI Getting Started project) to create and host your own AI companions.

LastMile AI
Build AI-powered apps with text, image, and audio models like OpenAI’s ChatGPT, Google’s PaLM, Stable Diffusion, and more.

Zoo
An open-source playground for comparing AI image models, built with Next.js. Just enter a prompt for an image you want to generate and select the models you want to compare.

Dify
An easy-to-use LLMOps platform designed to empower more people to create sustainable, AI-native applications.

Svelte Tools

Superforms
A SvelteKit library that gives you a comprehensive solution for server and client validation, and client-side display of forms.

sveltekit-document
A tiny utility for SvelteKit that lets you change the html, head, and body tags from any page or layout, with full SSR support.

Tech Productivity
A weekly newsletter for tech professionals featuring tips, tools, apps, and articles on productivity, remote work, efficiency, habits, brain science, and lots more.    SPONSORED 

Threlte
A Svelte library based on Three.js that simplifies creating 3D apps for the web and provides a declarative, type-safe, reactive and interactive API out-of-the-box.

svelte-action-balancer
A super-simple Svelte action, heavily inspired by a similar project called react-wrap-balancer that makes your titles more readable in different viewport sizes (i.e. avoiding orphaned words on new lines).

Svelte Add
A community project to easily add integrations and other functionality to Svelte apps.

svelte-relative-time
A tiny Svelte action and component to render relative times, based partly on an article by Steve Sewell, with output rounded to the nearest unit and live updates with a single interval timer.

Svelte Toaster
A Svelte-based animated notification system that's TypeScript-first, customizable, and easy-to-use.

Svelte Form Helper
A set of lightweight helpers for form validation with Svelte, built with progressive enhancement and includes support for SSR-only forms.

tRPC-SvelteKit
End-to-end type-safe APIs with tRPC.io for your SvelteKit applications.
 

Commercial Apps and Classifieds

An X Post for Thought

Kent C. Dodds succinctly points out what is likely the primary cause of an app's performance problems, which he expands on in the follow-up posts in the thread.
   

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @WebToolsWeekly (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 like tech history, you'll enjoy this interactive experience from the folks at Accel called 40 Years in Tech.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris