AI Tools for web developers

Below is a list of AI tools that I've demonstrated during my Lunch and Learn session at Passionate People. The tools are easy to use and free for the most part.

Feel free to share, copy, commit changes or add new things.

Code completion

Alternatives to Github Copilot

Tabnine is a VSCode plugin that uses AI to suggest code. It's a partially free
Intellicode another free VSCode plugin from Microsoft
Webstorm This is not AI driven, but since Webstorm is an IDE, it is smartly suggesting code and often has a better understanding on methods and properties that can be used. It does not suggest new code though

Code assistents

ChatGPT helps in a number of ways
- First drop a function or some code
  - Ask it to describe a function or lines of code
  - Ask it to refactor a function to make it more readable
  - Ask it to add useful code comments
  - Ask it to write variants of that function (hexToRgb will result in hslToRgb)
  - Ask it to write unit tests for the function using Jest, typescript etc
- Drop a typescript type
  - Ask it to write a DB migration with your framework of choice based on the type
  - Ask it to generate API endpoints in H3, Express or Apollo Server Resolvers
  - Ask it to write a function outputing that type
- Ask it to give an example of ... code

Image tooling

Remove BG Using AI to remove backgrounds in one click
GFPGAN Practical Face Restoration. Can upscale images, restore old photos and improve AI-generated faces
Animated Drawings Easily animate drawings in a few steps
Let's Enhance A more pro tool to upscale images, but not free
Instant Art Generate images using different models for free
Midjourney though not free is one of the best image generation tools out there

Royalty free music generation

Sounddraw lets you generate music by selecting mood, genre, theme, length, tempo and instruments
Music LM A model from Google that allows generation of high fidelity music from text descriptions. It's atm still in research phase

Video content

Vidyo allows you to upload a video and it will make it suitable for different platforms by cutting, changing ratio and adding subtitles

Speaking

Elevenlabs Speech Synthesis Convert text to speech. Suprisingly natural and accurate for English. Not so much for Dutch.
Voice AI allows replacing your voice in realtime with a famous voice

Analytics

Attention Insight Creates a heatmap for your marketing material or website based on an AI that acts as a human
Snyk Spots security issues and shows dependencies in your project

Design

Colormind generates a color palette based on the image you upload

Others

Hugging Face is an extensive list of AI models
Lua Plant Jar A funny AI plant jar with emotions telling you if the plant needs water or other attention

chris-visser / ai-tools