Best AI tools for< Preview React.js Code >
20 - AI tool Sites

WindChat
WindChat is an AI tool that allows users to preview TailwindCSS HTML in ChatGPT. It serves as a front-end development assistant, helping users design pages or components with beautiful styles. Users can interact with ChatGPT to generate HTML code based on provided component details, images, or icons. WindChat offers a variety of features to streamline front-end development tasks and enhance UI design.

Luma Dream Machine
Luma Dream Machine is a cutting-edge AI application that empowers users to ideate, visualize, and create stunning images and videos with ease. It offers a new fluid medium for creativity, powered by advanced image and video AI models. Users can generate unique content, edit with natural language commands, and explore endless creative possibilities. The platform is designed to be intuitive and user-friendly, enabling users to bring their ideas to life in a collaborative and creative manner.

Luma AI
Luma AI is a 3D capture platform that allows users to create interactive 3D scenes from videos. With Luma AI, users can capture 3D models of people, objects, and environments, and then use those models to create interactive experiences such as virtual tours, product demonstrations, and training simulations.

Kombai
Kombai is an AI tool designed to code email and web designs like humans. It uses deep learning and heuristics models to interpret UI designs and generate high-quality HTML, CSS, or React code with human-like names for classes and components. Kombai aims to help developers save time by automating the process of writing UI code based on design files without the need for tagging, naming, or grouping elements. The tool is currently in 'public research preview' and is free for individual developers to use.

Postdrips
Postdrips is an AI LinkedIn tool designed to help users easily grow their personal brand on LinkedIn. With AI-powered features, users can plan, create, schedule, and optimize their LinkedIn content, saving time and ensuring consistent posting. The tool offers functionalities like post generation, post preview, video downloading, and writing assistance to enhance engagement and audience reach. Postdrips aims to streamline the content creation process and empower users to create impactful posts effortlessly.

AI Website & Landing Pages
The AI Website & Landing Pages tool allows users to create AI-designed websites and landing pages in just 10 seconds. It offers a streamlined experience with features such as AI design and copy, free and custom domains, analytics and insights, A/B testing, AI sales and support chatbot, SEO optimization, free image and video library, custom forms, webhook integration, auto page translation, high-speed streaming, adaptive design, curated playlists, and more. Users can optimize their results with AB testing, AI-generated versions, quick experiments, and in-depth reports. The tool also enables users to run ads globally, create multilingual landing pages, and reach a global audience with fast campaigns. It provides effortless editing with 1-click edit and publish functionality, instant previews, and seamless publishing. The tool is user-friendly, requiring no code or drag-and-drop actions, making website and landing page creation quick and easy.

Fake Hacker News
The website is a platform where users can submit fake hacker news for testing purposes. Users can log in to submit their titles and test their submissions. The platform allows users to see how readers may respond to their posts. The website was built by Justin and Michael.

Hairgen.ai
Hairgen.ai is a website that allows users to preview their FUE/FUT hair transplant using AI. Users can upload up to 5 photos of themselves and get 5x variations of each, showing how they would look with a lowered hairline. The service is a one-time payment, with no subscription required. Photos are kept private and deleted from the server on a rolling basis.

Augie
Augie is an AI-powered video creation and editing tool that helps you create professional-quality videos in minutes. With Augie, you can easily add text, images, music, and effects to your videos, and even create animated videos from scratch. Augie is perfect for businesses, marketers, educators, and anyone else who wants to create engaging videos quickly and easily.

PaletteMaker
PaletteMaker is a unique tool for creative professionals and color lovers that allows you to create color palettes and test their behavior in pre-made design examples from the most common creative fields such as Logo design, UI/UX, Patterns, Posters and more. Check Color Behavior See how color works together in various of situations in graphic design. AI Color Palettes Filter palettes of different color tone and number of colors. Diverse Creative Fields Check your colors on logo, ui design, posters, illustrations and more. Create Palettes On-The-Go Instantly see the magic of creating color palettes. Totally Free PaletteMaker is created by professional designers, itโs completely free to use and forever will be. Powerful Export Export your palette in various formats, such as Procreate, Adobe ASE, Image, and even Code.

Wondershare Recoverit
Wondershare Recoverit is a comprehensive data recovery software that can restore lost files from various devices and storage media. It offers advanced features such as enhanced photo and video recovery, hard drive and location recovery, system crashed computer recovery, NAS data recovery, and Linux data recovery. Recoverit supports over 1000 file formats and 2000 storage devices, with a high recovery rate of 98%. It is trusted by over 5 million users across 160 countries and has been awarded 35 advanced patents for its innovative data recovery methods.

DocGPT.ai
DocGPT.ai is an AI-powered tool designed to enhance productivity and efficiency in various tasks such as email writing, document generation, content creation, SEO optimization, data enrichment, and more. It seamlessly integrates with Google Workspace applications to provide users with advanced AI capabilities for content generation and management. With support for multiple AI models and a wide range of features, DocGPT.ai is a comprehensive solution for individuals and businesses looking to streamline their workflows and improve their content creation processes.

BabyVisageAI
BabyVisageAI is an advanced artificial intelligence-powered baby generator that forecasts the visual attributes of your upcoming child. Users can easily upload photos of both parents and watch as the AI creates a captivating preview of their future baby's image. The platform offers different pricing plans for generating AI-generated photos of the future baby. BabyVisageAI ensures privacy protection and secure payment processing through LemonSqueezy. Users can use the generated baby photos for personal use, including social media profiles and websites.

AI Face Ager
AI Face Ager is an innovative online tool that allows users to change their age in photos for free. With advanced AI technology, users can experience time travel by seeing their aged selves and previewing their future appearance. The tool retains unique facial features while applying natural aging effects, providing high-definition portrait outputs. Users can use AI Face Ager for creative fun, event marketing, and personalized meme creation. The tool offers versatile aging effects and is suitable for social media experts, photographers, and anyone curious about their future self.

Acrylic
Acrylic is an AI-powered application that allows users to purchase unique paintings directly from their phone. It enables users to unleash their creativity and personalize their home decor with one-of-a-kind artwork created using artificial intelligence technology. With Acrylic, users can preview paintings using augmented reality, stage them in their own home, and order high-quality canvas prints of their creations. The application offers a beautiful and easy-to-use interface, making the purchasing process seamless and enjoyable.

IDM-VTON online
IDM-VTON online is an AI virtual try-on tool that allows users to try on clothes virtually. Users can upload their human picture and garment picture, select the garment category, and quickly obtain an AI-generated photo of themselves wearing the selected clothing item. The tool is designed to enhance the online shopping experience, personalized recommendations, social media interactions, and fashion design displays.

Bestlook
Bestlook is an AI-powered application that helps individuals and professionals in the beauty industry to enhance their appearance through objective and personalized recommendations. By leveraging Artificial Intelligence, Bestlook analyzes beauty insights from millions of people to identify the most captivating facial features. Users can preview before and after simulations with a simple click, ensuring a confident cosmetic journey. The application offers tailored plans for individuals and professionals, providing unlimited manual simulations and AI predictions. Bestlook aims to redefine beauty standards by offering universally admired looks.

AI Baby Generator
AI Baby Generator is an AI application that allows users to generate future baby photos using artificial intelligence technology. Users can upload photos of the father and mother to see what their potential baby may look like. The tool provides high-definition images and the ability to generate four images simultaneously. It aims to help parents preview the future image of their baby, satisfy curiosity about the baby's appearance and characteristics, and enhance parent-child relationships through shared expectations and communication.

AI Captions for Videos: VidCap
AI Captions for Videos: VidCap is an application available on the App Store that allows users to add accurate automatic subtitles to their videos in seconds. The app offers ultra-accurate automatic subtitles in over 100 languages, custom text font, style, and animations, AI features like Eye Contact and Video Teleprompter, background noise removal, and the ability to add custom logos or watermarks. Users can preview their designs on Instagram and TikTok before exporting, save videos in 4K, and export transcriptions in various formats.

AI Hairstyles
AI Hairstyles is a website that allows users to try on different hairstyles and colors using artificial intelligence. Users can upload a selfie and choose from a variety of styles and colors to see how they would look with a new hairstyle. The website also offers a privacy-first approach, deleting user images after 30 days of inactivity.
20 - Open Source AI Tools

AITreasureBox
AITreasureBox is a comprehensive collection of AI tools and resources designed to simplify and accelerate the development of AI projects. It provides a wide range of pre-trained models, datasets, and utilities that can be easily integrated into various AI applications. With AITreasureBox, developers can quickly prototype, test, and deploy AI solutions without having to build everything from scratch. Whether you are working on computer vision, natural language processing, or reinforcement learning projects, AITreasureBox has something to offer for everyone. The repository is regularly updated with new tools and resources to keep up with the latest advancements in the field of artificial intelligence.

bedrock-engineer
Bedrock Engineer is an AI assistant for software development tasks powered by Amazon Bedrock. It combines large language models with file system operations and web search functionality to support development processes. The autonomous AI agent provides interactive chat, file system operations, web search, project structure management, code analysis, code generation, data analysis, agent and tool customization, chat history management, and multi-language support. Users can select agents, customize them, select tools, and customize tools. The tool also includes a website generator for React.js, Vue.js, Svelte.js, and Vanilla.js, with support for inline styling, Tailwind.css, and Material UI. Users can connect to design system data sources and generate AWS Step Functions ASL definitions.

azure-search-openai-javascript
This sample demonstrates a few approaches for creating ChatGPT-like experiences over your own data using the Retrieval Augmented Generation pattern. It uses Azure OpenAI Service to access the ChatGPT model (gpt-35-turbo), and Azure AI Search for data indexing and retrieval.

AiTreasureBox
AiTreasureBox is a versatile AI tool that provides a collection of pre-trained models and algorithms for various machine learning tasks. It simplifies the process of implementing AI solutions by offering ready-to-use components that can be easily integrated into projects. With AiTreasureBox, users can quickly prototype and deploy AI applications without the need for extensive knowledge in machine learning or deep learning. The tool covers a wide range of tasks such as image classification, text generation, sentiment analysis, object detection, and more. It is designed to be user-friendly and accessible to both beginners and experienced developers, making AI development more efficient and accessible to a wider audience.

next-money
Next Money Stripe Starter is a SaaS Starter project that empowers your next project with a stack of Next.js, Prisma, Supabase, Clerk Auth, Resend, React Email, Shadcn/ui, and Stripe. It seamlessly integrates these technologies to accelerate your development and SaaS journey. The project includes frameworks, platforms, UI components, hooks and utilities, code quality tools, and miscellaneous features to enhance the development experience. Created by @koyaguo in 2023 and released under the MIT license.

llm-x
LLM X is a ChatGPT-style UI for the niche group of folks who run Ollama (think of this like an offline chat gpt server) locally. It supports sending and receiving images and text and works offline through PWA (Progressive Web App) standards. The project utilizes React, Typescript, Lodash, Mobx State Tree, Tailwind css, DaisyUI, NextUI, Highlight.js, React Markdown, kbar, Yet Another React Lightbox, Vite, and Vite PWA plugin. It is inspired by ollama-ui's project and Perplexity.ai's UI advancements in the LLM UI space. The project is still under development, but it is already a great way to get started with building your own LLM UI.

awesome-ai-devtools
Awesome AI-Powered Developer Tools is a curated list of AI-powered developer tools that leverage AI to assist developers in tasks such as code completion, refactoring, debugging, documentation, and more. The repository includes a wide range of tools, from IDEs and Git clients to assistants, agents, app generators, UI generators, snippet generators, documentation tools, code generation tools, agent platforms, OpenAI plugins, search tools, and testing tools. These tools are designed to enhance developer productivity and streamline various development tasks by integrating AI capabilities.

coze-js
Coze-js is a monorepo containing packages for Coze API and Realtime API. It provides usage examples for Node.js and React Web, as well as full console and sample call up demos. The tool requires Node.js 18+, pnpm 9.12.0, and Rush 5.140.0 for installation. Developers can start developing projects within the repository by following the provided steps. Each package in the monorepo can be developed and published independently, with documentation on contributing guidelines and publishing. The tool is licensed under MIT.

nextjs-ollama-llm-ui
This web interface provides a user-friendly and feature-rich platform for interacting with Ollama Large Language Models (LLMs). It offers a beautiful and intuitive UI inspired by ChatGPT, making it easy for users to get started with LLMs. The interface is fully local, storing chats in local storage for convenience, and fully responsive, allowing users to chat on their phones with the same ease as on a desktop. It features easy setup, code syntax highlighting, and the ability to easily copy codeblocks. Users can also download, pull, and delete models directly from the interface, and switch between models quickly. Chat history is saved and easily accessible, and users can choose between light and dark mode. To use the web interface, users must have Ollama downloaded and running, and Node.js (18+) and npm installed. Installation instructions are provided for running the interface locally. Upcoming features include the ability to send images in prompts, regenerate responses, import and export chats, and add voice input support.

agents-js
LiveKit Agents for Node.js is a framework designed for building realtime, programmable voice agents that can see, hear, and understand. It includes support for OpenAI Realtime API, allowing for ultra-low latency WebRTC transport between GPT-4o and users' devices. The framework provides concepts like Agents, Workers, and Plugins to create complex tasks. It offers a CLI interface for running agents and a versatile web frontend called 'playground' for building and testing agents. The framework is suitable for developers looking to create conversational voice agents with advanced capabilities.

your-source-to-prompt.html
Your Source to Prompt is a single HTML file tool that allows users to easily select code files and combine them into a single text output. It runs entirely in the browser, ensuring local and secure operation without any external dependencies. The tool offers features like preset management, efficient file selection, context size awareness, hierarchical structure preview, minification, and user-friendly UI with dark mode. It aims to simplify the process of preparing code for Large Language Models (LLMs) by providing a well-structured prompt context.

auto-dev
AutoDev is an AI-powered coding wizard that supports multiple languages, including Java, Kotlin, JavaScript/TypeScript, Rust, Python, Golang, C/C++/OC, and more. It offers a range of features, including auto development mode, copilot mode, chat with AI, customization options, SDLC support, custom AI agent integration, and language features such as language support, extensions, and a DevIns language for AI agent development. AutoDev is designed to assist developers with tasks such as auto code generation, bug detection, code explanation, exception tracing, commit message generation, code review content generation, smart refactoring, Dockerfile generation, CI/CD config file generation, and custom shell/command generation. It also provides a built-in LLM fine-tune model and supports UnitEval for LLM result evaluation and UnitGen for code-LLM fine-tune data generation.

free-for-life
A massive list including a huge amount of products and services that are completely free! โญ Star on GitHub โข ๐ค Contribute # Table of Contents * APIs, Data & ML * Artificial Intelligence * BaaS * Code Editors * Code Generation * DNS * Databases * Design & UI * Domains * Email * Font * For Students * Forms * Linux Distributions * Messaging & Streaming * PaaS * Payments & Billing * SSL

airi
Airi is a VTuber project heavily inspired by Neuro-sama. It is capable of various functions such as playing Minecraft, chatting in Telegram and Discord, audio input from browser and Discord, client side speech recognition, VRM and Live2D model support with animations, and more. The project also includes sub-projects like unspeech, hfup, Drizzle ORM driver for DuckDB WASM, and various other tools. Airi uses models like whisper-large-v3-turbo from Hugging Face and is similar to projects like z-waif, amica, eliza, AI-Waifu-Vtuber, and AIVTuber. The project acknowledges contributions from various sources and implements packages to interact with LLMs and models.

serverless-pdf-chat
The serverless-pdf-chat repository contains a sample application that allows users to ask natural language questions of any PDF document they upload. It leverages serverless services like Amazon Bedrock, AWS Lambda, and Amazon DynamoDB to provide text generation and analysis capabilities. The application architecture involves uploading a PDF document to an S3 bucket, extracting metadata, converting text to vectors, and using a LangChain to search for information related to user prompts. The application is not intended for production use and serves as a demonstration and educational tool.

ai-town
AI Town is a virtual town where AI characters live, chat, and socialize. This project provides a deployable starter kit for building and customizing your own version of AI Town. It features a game engine, database, vector search, auth, text model, deployment, pixel art generation, background music generation, and local inference. You can customize your own simulation by creating characters and stories, updating spritesheets, changing the background, and modifying the background music.
6 - OpenAI Gpts

noteใฎimpressionๆนๅใใๅ
note.comใฎpreviewใใ่จไบใฟใคใใซใจใ่ฆๅบใใฎใใใใผ็ปๅใ็ๆใใBotใงใใ

Slide Maker and Free Download
create professional consulting slide with preview on chatgpt and free download as pptx

๊น์ง์ ํํฌ ๋์ ๋์์ด๋
๋น์ ์ ์ด์ผ๊ธฐ๋ฅผ ํผ๋ถ์ ์๊ธธ ์ค๋น๊ฐ ๋์ จ๋์? ์ ๋ ๋น์ ์ ์ด์ผ๊ธฐ๋ฅผ ๋ ํนํ ํํฌ ๋์์ผ๋ก ๋ณํํด๋๋ฆด ์ค๋น๊ฐ ๋์ด ์์ด์. ๋น์ ์ ๊ฐ์ฑ๊ณผ ์ด์ผ๊ธฐ, ์ ์๋์์ ์์ ์ด ๋์ด ํผ์ด๋ฉ๋๋ค.