Awesome AI For Front-end Developers

A curated list of AI resources (APIs and SDKs, Code samples, Community projects, Learning Materials) for front-end developers who want to build AI-powered apps.

Please feel free to contribute by creating a Pull Request. 🚀

Contents

• APIs and SDKs
• Code Samples
• Community projects (Inspiration)
• Learning Materials
• Other Resources

Online Platforms

• Frontend AI - Build components online from prompts or images. Export as React, Angular, Vue, Svelte, HTML, Tailwind or CSS. Free with no login required.

APIs and SDKs

• OpenAI API suite - npm library for interacting with OpenAI's AI models like GPT-3, Codex and DALL·E.

Text based

• Google Cloud Speech-to-Text SDK - Transcribe speech to text using the Google Cloud Speech-to-Text API

• Microsoft Text Analytics- A collection of Cognitive Service Language capabilities that analyze, classify and comprehend text (emotions and all) within documents.

• Visual ChatGPT - An huggingface implementation of microsoft/visual_chatgpt.

• Replicate's stable-diffusion API - Replicate's API for generating photo-realistic images from text propmts.

Image to Text

• Google Cloud OCR - Recognize text in Images API
• Amazon Rekognition - Detecting text in an image SDK
• OCR.Space - Images and PDFs for text OCR(Object Character Recognition) API
• Clarifai Visual Text Recognition - Visual Text Recognition API
• Azure Cognitive Services for Vision - Microsoft's suite of Image (OCR) analysis tools.

Speech (Conversational) based

• OpenAI Whisper API - Transcribe languages and speech into English text.

• Replicate's openai/whisper API - Replicate's API for transcribing speech with openai's whisper.

• Microsoft Bot Framework - Microsoft Azure's Bot Framework for conversation AI experiences.

• ElevenLabs API: Lifelike text to speech AI conversion.

Code Samples

• Next.js starter with OpenAI's GTP-3 API

• Next.js starter with Replicate's Prediction API

• Vercel's Pre-built Next.js AI templates

Community projects (Inspiration)

• English to RegEx - Quikly generate regex froom English words.
• AvatarAI - Create your own AI-generated avatars
• ProfilePictureAI - Create your perfect profile picture with AI.
• Build with GPT-3 - Community submitted projects built using GPT-3
• Face Photo Restorer - Restore old and blurry face photos with AI by @nutlope

Learning Materials

• Build your own AI writing assistant with GPT-3 - buildspace Build your own AI writing assistant app and chrome extension w/ GPT-3 with Next.js and OpenAI's GPT-3.

• No-code AI-generated avatars tutorial - @anitakirkovska How to create your AI-generated avatars for free (no coding needed).

• Build a no-code AI copywriter - Tutorial on how to build a AI copywriter with Bubble and GPT-3.

• Generate A.I. images with Stable Diffusion on your MacBook - @levels.io Twitter thread on how to generate A.I. images with Stable Diffusion on your MacBook M1/M2 in less than 30 seconds for free.

• Stable Diffusion on your Mac - Run Stable Diffusion on your M1 Mac’s GPU

• Build a Discord bot that generates Images - Build and deploy a Discord chat bot application that uses Stable Diffusion via Replicate to generate images from text prompts.

• How to use GPT-3 tutorial - Build your own GPT-3 Powered application using NextJS and Replit in 20 minutes

• A Comprehensive Front-end Developer Guide to Building AI apps in 2023 - Building AI-powered apps by integrating leading AI tools like Microsoft Cognitive Services, OpenAI GPT-3, and Stability AI's Stable Diffusion Model

• Zero to Hero: Your Guide to Getting Skilled on Azure AI - A 4 weeks (30 days) guide to achieving artificial intelligence expertise on Azure

Other Resources

• DreamBooth: Fine Tuning Text-to-Image Diffusion Models for Subject-Driven Generation - Official Research on DreamBooth Text-to-Image Diffusion Model.

• The DALL·E 2 Prompt Book - Book containts over 300 DALL-e image prompts and also explains all the basic DALL·E techniques.