How to Build a AI Chat App Using React, Tailwind and Framer motion

1. Tailwind CSS

   1 1,497 87,205 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. React

   2 1,927 234,662 9.9 JavaScript

   The library for web and native user interfaces.

   

   🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/

4. Appwrite

   3 594 48,178 9.9 TypeScript

   Build like a team of hundreds_

   

   🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/

5. generative-ai-docs

   4 21 1,963 8.1 Jupyter Notebook

   Documentation for Google's Gen AI site - including the Gemini API and Gemma

   

   🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/

Suggest a related project