JSTools Weekly —✨2023#9: ai2ui, AI Component Generator with ChatGPT
Tags: webdev, javascript, typescript, node
Published: 2023-03-08 18:11:05

Hi JS developers👋
[JSTools Weekly](https://jstools.substack.com/) newsletter, issue [2023#9](https://jstools.substack.com/p/2023-newjstools-9) (top new JS releases) just released.


![new JS tools, issue 2023#9](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gjlxh8qh585g75if2kjz.png)

**[ai-component-generator](https://github.com/yuvalsuede/ai-component-generator): **AI Component Generator with ChatGPT

![Twitter Bio Generator](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffecc258e-14f5-4d65-a2bb-11e752b3c451_1082x825.png "Twitter Bio Generator")


**[plotteus](https://github.com/bprusinowski/plotteus): **🦋 Plotteus is a JavaScript data visualization library designed to help you tell better stories.


![plotteus](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee12db02-dca2-48ad-a126-2c07c69cb61e_1099x388.png)


**[scrollbar](https://github.com/henripar/scrollbar): **Simple online scrollbar editor

![scrollbar](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa9525757-de66-4377-aecc-e2094b38716b_1667x850.png)


**[banditypes](https://github.com/thoughtspile/banditypes): **🤠🧨 The mighty 400-byte schema validator for TS / JS

**[qr-code](https://github.com/bitjson/qr-code): **A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.

**[itertools-ts](https://github.com/Smoren/itertools-ts): **TypeScript Iteration Tools Library

**[enhanceai-react](https://github.com/walnutwaldo/enhanceai-react): **React wrapper for EnhanceAI (enhanceai.dev), a library for enhancing web app text input with AI autocomplete.

**[chatgpt-demo](https://github.com/ddiu8081/chatgpt-demo): **A demo repo based on OpenAI API (gpt-3.5-turbo)

**[chatgpt-mirror](https://github.com/yuezk/chatgpt-mirror): **A mirror of ChatGPT based on the gpt-3.5-turbo model.

![chatgpt-mirror](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5c4f7b2-4a12-4239-91f8-141ba4f9656b_1920x903.png)


**[paul-graham-gpt](https://github.com/mckaywrigley/paul-graham-gpt): **AI search & chat for all of Paul Graham's essays.

**[slack-chatgpt](https://github.com/shapehq/slack-chatgpt): **🤖💬 Integrate ChatGPT into Slack using Cloudflare Workers

**[tiktokenizer](https://github.com/dqbd/tiktokenizer): **Online playground for OpenAPI tokenizers


![tiktokenizer](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fddfb0757-c0cb-40f1-a02f-1a477dca9efb_1442x752.png)


**[photovatar](https://github.com/ozalpozqur/photovatar): **Photovatar - The AI-Powered Avatar Generator

**[gpt-graph](https://github.com/achousa/gpt-graph): **A simple text to entity-relation graph generator, powered by gpt3

**[loz](https://github.com/joone/loz): **Loz is a command-line interface tool based on ChatGPT that allows Unix pipes to be used with other Unix tools.

**[garlic](https://github.com/velocitatem/garlic): **🧄🧛 protect your website from being scraped by bots.

**[drei-vanilla](https://github.com/pmndrs/drei-vanilla): **🍦 drei-inspired helpers for threejs

**[next-route-visualizer](https://github.com/DiiiaZoTe/next-route-visualizer): **A package for visualizing Next.js app directory routes.

![Preview Next Route Visualizer](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32acacf1-7dcc-470f-8e0a-00f829ef9c65_1920x1080.png "Preview Next Route Visualizer")


**[unpic-placeholder](https://github.com/ascorbic/unpic-placeholder): **Pure-CSS image placeholders

**[preact-reconciler](https://github.com/CodyJasonBennett/preact-reconciler): **Custom renderers for Preact in <1KB.

**[create-t3-turbo-ai](https://github.com/zckly/create-t3-turbo-ai): **Build full-stack, type-safe, LLM-powered apps with the T3 Stack, Turborepo, OpenAI, and Langchain

**[solid-code-input](https://github.com/srsholmes/solid-code-input): **A SolidJS input component for Code.

**[prisma-kysely](https://github.com/valtyr/prisma-kysely): **🪄 Generate Kysely types directly from your Prisma schema!

**[squirt](https://github.com/errilaz/squirt): **HTML on the wire on the Bun

**[noren](https://github.com/fabiospampinato/noren): **A minimal HTTP server with good developer-experience and performance, for Node and beyond.



[See full list of new javascript tools](https://jstools.substack.com/p/2023-newjstools-9)