Best AI tools for< Build Responsive Ui >
20 - AI tool Sites

Dora
Dora is a no-code 3D animated website design platform that allows users to create stunning 3D and animated visuals without writing a single line of code. With Dora, designers, freelancers, and creative professionals can focus on what they do best: designing. The platform is tailored for professionals who prioritize design aesthetics without wanting to dive deep into the backend. Dora offers a variety of features, including a drag-and-connect constraint layout system, advanced animation capabilities, and pixel-perfect usability. With Dora, users can create responsive 3D and animated websites that translate seamlessly across devices.

UiMagic
UiMagic is an AI-powered web design tool that allows users to create custom, high-quality websites without any coding experience. With UiMagic, users can simply input their text and design preferences, and the AI will automatically generate a professional-looking website. UiMagic also offers a variety of features to help users create unique and engaging websites, such as AI-generated illustrations, automated excellence, and the ability to export designs to Figma.

BRIX Templates
BRIX Templates is a website that offers premium Webflow templates and UI kits for designers and developers. The templates are designed to be beautiful, modern, and easy to use, and they come with a variety of features and benefits, including: * Premium design * Built for speed * Perfectly responsive * Flexible design * Seamless animations * 100% customizable * CMS structure * Always up-to-date * Figma file included * Exceptional support BRIX Templates also offers a variety of resources for Webflow users, including articles, tutorials, and cloneables. The company has a team of experienced designers and developers who are passionate about helping others create beautiful and successful websites.

Tailwind Gennie
Tailwind Gennie is an AI-powered tool designed to assist web developers and designers in generating user interfaces using the popular Tailwind CSS framework. By leveraging artificial intelligence, Tailwind Gennie streamlines the UI design process by automatically creating responsive and customizable components based on user preferences and design inputs. With its intuitive interface and powerful algorithms, Tailwind Gennie empowers users to create visually appealing and functional UI designs in a fraction of the time it would take manually.

TeleportHQ
TeleportHQ is a collaborative front-end platform that provides tools for UI development and content modeling. It offers a visual builder for creating and publishing static websites, headless CMS integrations, and Figma plugin for importing designs. TeleportHQ enables seamless collaboration between designers and developers, allowing them to create responsive websites, components, and interfaces. It also provides code collaboration tools, code generators, and a powerful front-end UI editor for customization. With TeleportHQ, teams can build, collaborate, and ship production-ready code faster.

AI Website Builder
The AI Website Builder is an intuitive tool that leverages artificial intelligence to create stunning, responsive websites with ease. No coding skills are required; simply provide your content, and the AI handles the design and layout. With customizable templates and smart design suggestions, you can launch a professional site in minutes. Ideal for businesses, freelancers, and anyone needing a strong online presence quickly.

BotGPT
BotGPT is a 24/7 custom AI chatbot assistant for websites. It offers a data-driven ChatGPT that allows users to create virtual assistants from their own data. Users can easily upload files or crawl their website to start asking questions and deploy a custom chatbot on their website within minutes. The platform provides a simple and efficient way to enhance customer engagement through AI-powered chatbots.

CodeDesign.ai
CodeDesign.ai is an AI-powered website builder that helps users create and host websites in minutes. It offers a range of features, including a drag-and-drop interface, AI-generated content, and responsive design. CodeDesign.ai is suitable for both beginners and experienced users, and it offers a free plan as well as paid plans with additional features.

Buildai
Buildai is an AI-powered website builder that allows users to create a website without any coding or design skills. Users simply need to answer a series of questions about their business and website goals, and Buildai will generate a custom website that is tailored to their needs. Buildai's AI technology is able to create websites that are not only visually appealing but also SEO-friendly and mobile-responsive.

Web4All
Web4All is an AI-powered website builder that offers professional website design services at discounted rates. The platform provides a range of features such as AI assistant tools, eCommerce solutions, domain registration, and custom design plans. Users can create, customize, and launch their websites with ease, benefiting from drag-and-drop editors, pre-designed templates, and expert support. Web4All emphasizes full control, endless possibilities, and user-friendly interfaces to help businesses establish a strong online presence. The platform also offers services like SSL certificates, SEO optimization, responsive design, multilingual support, and integrated e-commerce suites.

SitesGPT
SitesGPT is a premier AI Website Builder that leverages Artificial Intelligence (AI) technology to revolutionize website creation. It offers a user-friendly platform where individuals and businesses can effortlessly build dynamic, responsive websites with just a few clicks. With features like mobile optimization, unparalleled flexibility, zero cost to start, robust cloud infrastructure, and round-the-clock operation, SitesGPT stands out as a cost-effective and efficient solution for website development. The fusion of AI and website building not only enhances speed and efficiency but also ensures scalability and customization, making professional website creation accessible to a broader audience.

Coresel
Coresel is a website builder that uses artificial intelligence to help users create beautiful, professional websites without any coding or design experience. It offers a variety of features, including zero drag-and-drop editing, automatic resizing of images and other page elements, brand consistency, one-click publishing, forms, galleries, and SEO optimization. Coresel is perfect for individuals and small businesses who want to create a website quickly and easily.

SitesGPT
SitesGPT is a premier AI Website Builder that leverages Artificial Intelligence (AI) technology to revolutionize website creation. With SitesGPT, users can effortlessly build stunning, dynamic, and responsive websites in just a few clicks. The platform offers mobile optimization, unparalleled flexibility, zero cost to start, and robust cloud infrastructure, making it a cost-effective and user-friendly solution for businesses and individuals alike. SitesGPT's AI Website Builder streamlines the website creation process, reducing time and cost while ensuring high-quality results.

Netjet.io
Netjet.io is an AI website generator and builder that allows users to instantly create websites using artificial intelligence technology. The platform offers a wide range of templates and features to help users customize their websites easily. With Netjet.io, users can quickly generate professional-looking websites without the need for coding skills. The tool provides a user-friendly interface and comprehensive support resources to assist users throughout the website creation process.

MotoCMS
MotoCMS is an easy-to-use website builder designed for beginners and professionals alike. With its simple drag-and-drop interface, pre-made templates, and advanced features, MotoCMS empowers users to create stunning websites without any coding skills. Whether you're a small business owner, a creative professional, or an individual looking to establish an online presence, MotoCMS provides the tools and support you need to succeed.

System1
System1 is an industry-leading responsive acquisition marketing platform powered by AI and machine learning. Their Responsive Acquisition Marketing Platform (RAMP) is omni-channel and omni-vertical, designed for a privacy-centric world. It enables building powerful brands, developing privacy-focused products, and delivering high-intent customers to advertising partners. System1 is a technology company with a team of engineers, product managers, data scientists, and experts in the field. They focus on Best-In-Class hiring and business acquisition to achieve their ambitious goals.

AI Elections Accord
AI Elections Accord is a tech accord aimed at combating the deceptive use of AI in the 2024 elections. It sets expectations for managing risks related to deceptive AI election content on large-scale platforms. The accord focuses on prevention, provenance, detection, responsive protection, evaluation, public awareness, and resilience to safeguard the democratic process. It emphasizes collective efforts, education, and the development of defensive tools to protect public debate and build societal resilience against deceptive AI content.

Quadratic
Quadratic is an infinite spreadsheet with Python, SQL, and AI. It combines the familiarity of a spreadsheet with the power of code, allowing users to analyze data, write code, and create visualizations in a single environment. With built-in Python library support, users can bring open source tools directly to their spreadsheets. Quadratic also features real-time collaboration, allowing multiple users to work on the same spreadsheet simultaneously. Additionally, Quadratic is built for speed and performance, utilizing Web Assembly and WebGL to deliver a smooth and responsive experience.

Motific.ai
Motific.ai is a responsible GenAI tool powered by data at scale. It offers a fully managed service with natural language compliance and security guardrails, an intelligence service, and an enterprise data-powered, end-to-end retrieval augmented generation (RAG) service. Users can rapidly deliver trustworthy GenAI assistants and API endpoints, configure assistants with organization's data, optimize performance, and connect with top GenAI model providers. Motific.ai enables users to create custom knowledge bases, connect to various data sources, and ensure responsible AI practices. It supports English language only and offers insights on usage, time savings, and model optimization.

OneTrust
OneTrust is a Trust Intelligence Cloud Solutions platform that leverages data and artificial intelligence to drive trusted innovation across privacy, security, and ethics initiatives. It offers a comprehensive suite of solutions for privacy management, data discovery, security, consent and preferences, AI governance, technology risk and compliance, compliance automation, third-party risk, and ethics program management. With over 14,000 customers worldwide, OneTrust helps organizations manage risk, ensure compliance, and build trust through responsible data and AI usage.
20 - Open Source AI Tools

web-builder
Web Builder is a low-code front-end framework based on Material for Angular, offering a rich component library for excellent digital innovation experience. It allows rapid construction of modern responsive UI, multi-theme, multi-language web pages through drag-and-drop visual configuration. The framework includes a beautiful admin theme, complete front-end solutions, and AI integration in the Pro version for optimizing copy, creating components, and generating pages with a single sentence.

aws-lex-web-ui
The AWS Lex Web UI is a sample Amazon Lex web interface that provides a chatbot UI component for integration into websites. It supports voice and text interactions, Lex response cards, and programmable configuration using JavaScript. The interface can be used as a full-page chatbot UI or embedded as a widget. It offers mobile-ready responsive UI, seamless voice-text switching, and interactive messaging support. The project includes CloudFormation templates for easy deployment and customization. Users can modify configurations, integrate the UI into existing sites, and deploy using various methods like CloudFormation, pre-built libraries, or npm installation.

airsonic-refix
Airsonic (refix) UI is a modern responsive web frontend designed for airsonic-advanced, navidrome, gonic, and other subsonic compatible music servers. It offers features such as responsive UI for desktop and mobile, browsing library for albums, artists, genres, playback with persistent queue, repeat & shuffle, MediaSession integration, playlist management with drag and drop, search, favorites, internet radio, and podcasts.

ant-design-x-vue
Ant Design X Vue is a Vue implementation of the popular Ant Design X library. It provides a set of UI components and design patterns for Vue projects, allowing developers to easily create modern and responsive user interfaces. The repository includes installation instructions, development commands, and links to related resources such as Vue and Ant Design Vue. Contributions are welcome, and the project is licensed under MIT.

basalt
Basalt is a lightweight and flexible CSS framework designed to help developers quickly build responsive and modern websites. It provides a set of pre-designed components and utilities that can be easily customized to create unique and visually appealing web interfaces. With Basalt, developers can save time and effort by leveraging its modular structure and responsive design principles to create professional-looking websites with ease.

agents-starter
A starter template for building AI-powered chat agents using Cloudflare's Agent platform, powered by agents-sdk. It provides a foundation for creating interactive chat experiences with AI, complete with a modern UI and tool integration capabilities. Features include interactive chat interface with AI, built-in tool system with human-in-the-loop confirmation, advanced task scheduling, dark/light theme support, real-time streaming responses, state management, and chat history. Prerequisites include a Cloudflare account and OpenAI API key. The project structure includes components for chat UI implementation, chat agent logic, tool definitions, and helper functions. Customization guide covers adding new tools, modifying the UI, and example use cases for customer support, development assistant, data analysis assistant, personal productivity assistant, and scheduling assistant.

meeting-minutes
An open-source AI assistant for taking meeting notes that captures live meeting audio, transcribes it in real-time, and generates summaries while ensuring user privacy. Perfect for teams to focus on discussions while automatically capturing and organizing meeting content without external servers or complex infrastructure. Features include modern UI, real-time audio capture, speaker diarization, local processing for privacy, and more. The tool also offers a Rust-based implementation for better performance and native integration, with features like live transcription, speaker diarization, and a rich text editor for notes. Future plans include database connection for saving meeting minutes, improving summarization quality, and adding download options for meeting transcriptions and summaries. The backend supports multiple LLM providers through a unified interface, with configurations for Anthropic, Groq, and Ollama models. System architecture includes core components like audio capture service, transcription engine, LLM orchestrator, data services, and API layer. Prerequisites for setup include Node.js, Python, FFmpeg, and Rust. Development guidelines emphasize project structure, testing, documentation, type hints, and ESLint configuration. Contributions are welcome under the MIT License.

TalkWithGemini
Talk With Gemini is a web application that allows users to deploy their private Gemini application for free with one click. It supports Gemini Pro and Gemini Pro Vision models. The application features talk mode for direct communication with Gemini, visual recognition for understanding picture content, full Markdown support, automatic compression of chat records, privacy and security with local data storage, well-designed UI with responsive design, fast loading speed, and multi-language support. The tool is designed to be user-friendly and versatile for various deployment options and language preferences.

shadcn-chatbot-kit
A comprehensive chatbot component kit built on top of and fully compatible with the shadcn/ui ecosystem. Build beautiful, customizable AI chatbots in minutes while maintaining full control over your components. The kit includes pre-built chat components, auto-scroll message area, message input with auto-resize textarea and file upload support, prompt suggestions, message actions, loading states, and more. Fully themeable, highly customizable, and responsive design. Built with modern web standards and best practices. Installation instructions available with detailed documentation. Customizable using CSS variables.

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.

magic-resume
Magic Resume is a modern online resume editor that makes creating professional resumes simple and fun. Built on Next.js and Framer Motion, it supports real-time preview and custom themes. Features include Next.js 14+ based construction, smooth animation effects (Framer Motion), custom theme support, responsive design, dark mode, export to PDF, real-time preview, auto-save, and local storage. The technology stack includes Next.js 14+, TypeScript, Framer Motion, Tailwind CSS, Shadcn/ui, and Lucide Icons.

chatty
Chatty is a private AI tool that runs large language models natively and privately in the browser, ensuring in-browser privacy and offline usability. It supports chat history management, open-source models like Gemma and Llama2, responsive design, intuitive UI, markdown & code highlight, chat with files locally, custom memory support, export chat messages, voice input support, response regeneration, and light & dark mode. It aims to bring popular AI interfaces like ChatGPT and Gemini into an in-browser experience.

superflex-vscode
Superflex is an AI frontend assistant that streamlines frontend development by converting Figma designs, images, and prompts into production-ready code in seconds. It ensures design standards and coding style are maintained, offering features like generating entire page layouts from Figma, a new chat UI, enhanced usability with shortcuts and profiles, and the ability to add code snippets or files to the chat context seamlessly. Superflex saves time by automating repetitive coding tasks, promotes code consistency, and is beginner-friendly for designers or developers new to front-end work.

airdcpp-webclient
AirDC++ Web Client is a locally installed application designed for flexible file sharing within groups over a local network or the internet. It utilizes the Advanced Direct Connect protocol to create file sharing communities with thousands of users. The application offers a responsive web user interface, allows sharing local directories, searching for shared files, saving files, chatting capabilities, browsing shared directories, extension support, and a web API for HTTP REST and WebSockets.

arcomage-hd
ArcoMage HD is a web-based, free and open source, remastered 3D clone of 3DO and New World Computing's 2000 PC card game, Arcomage, featured in the Might and Magic RPG series. This non-profit fan remake brings the classic tower defense and resource management fantasy game to modern platforms. It is fully responsive, supporting desktop, tablet, and mobile devices, and includes comprehensive accessibility features for users with disabilities. The game is playable offline as a PWA and offers both Single Player Mode against computer AI and Multiplayer Mode. Developed by @tomchen using TypeScript, React, Redux, redux-observable, RxJS, CSS animations, and WebRTC.

WebMasterLog
WebMasterLog is a comprehensive repository showcasing various web development projects built with front-end and back-end technologies. It highlights interactive user interfaces, dynamic web applications, and a spectrum of web development solutions. The repository encourages contributions in areas such as adding new projects, improving existing projects, updating documentation, fixing bugs, implementing responsive design, enhancing code readability, and optimizing project functionalities. Contributors are guided to follow specific guidelines for project submissions, including directory naming conventions, README file inclusion, project screenshots, and commit practices. Pull requests are reviewed based on criteria such as proper PR template completion, originality of work, code comments for clarity, and sharing screenshots for frontend updates. The repository also participates in various open-source programs like JWOC, GSSoC, Hacktoberfest, KWOC, 24 Pull Requests, IWOC, SWOC, and DWOC, welcoming valuable contributors.

Auto-Analyst
Auto-Analyst is an AI-driven data analytics agentic system designed to simplify and enhance the data science process. By integrating various specialized AI agents, this tool aims to make complex data analysis tasks more accessible and efficient for data analysts and scientists. Auto-Analyst provides a streamlined approach to data preprocessing, statistical analysis, machine learning, and visualization, all within an interactive Streamlit interface. It offers plug and play Streamlit UI, agents with data science speciality, complete automation, LLM agnostic operation, and is built using lightweight frameworks.

voicechat2
Voicechat2 is a fast, fully local AI voice chat tool that uses WebSockets for communication. It includes a WebSocket server for remote access, default web UI with VAD and Opus support, and modular/swappable SRT, LLM, TTS servers. Users can customize components like SRT, LLM, and TTS servers, and run different models for voice-to-voice communication. The tool aims to reduce latency in voice communication and provides flexibility in server configurations.

JamAIBase
JamAI Base is an open-source platform integrating SQLite and LanceDB databases with managed memory and RAG capabilities. It offers built-in LLM, vector embeddings, and reranker orchestration accessible through a spreadsheet-like UI and REST API. Users can transform static tables into dynamic entities, facilitate real-time interactions, manage structured data, and simplify chatbot development. The tool focuses on ease of use, scalability, flexibility, declarative paradigm, and innovative RAG techniques, making complex data operations accessible to users with varying technical expertise.
20 - OpenAI Gpts

Frontend Builder
Generates complete, secure, and efficient frontend code for website templates.

Bootstrap 5 & React Crafter Copilot
Guides on Bootstrap 5 themes and templates for React, provides code snippets with step-by-step instructions. v1.1

Bootstrap Buddy
Master responsive site design with Bootstrap Buddy, your AI guide to leveraging Bootstrap's powerful features for sleek websites. 📐💻

Web App Prototyper
Specializing in crafting cutting-edge web applications using Next.js, prioritizing responsive, accessible design and seamless GitHub Copilot integration.

CSS and React Wizard
CSS Expert in all frameworks with a focus on clarity and best practices

Career Link Educator
Aids teachers in connecting curriculum to careers, focusing on UK/Europe. What is your class age, subject and topic to link to careers? This is a chat so build the response up by having a conversation.

Build a Brand
Unique custom images based on your input. Just type ideas and the brand image is created.

Beam Eye Tracker Extension Copilot
Build extensions using the Eyeware Beam eye tracking SDK

Business Model Canvas Strategist
Business Model Canvas Creator - Build and evaluate your business model

League Champion Builder GPT
Build your own League of Legends Style Champion with Abilities, Back Story and Splash Art

RenovaTecno
Your tech buddy helping you refurbish or build a PC from scratch, tailored to your needs, budget, and language.