Best AI tools for< Learn Ux Design Principles >
20 - AI tool Sites
![Lovable Screenshot](/screenshots/lovable.dev.jpg)
Lovable
Lovable is an AI-powered application that allows users to describe their software ideas in natural language and then automatically transforms them into fully functional applications with beautiful aesthetics. It enables users to build high-quality software without writing a single line of code, making software creation more accessible and faster than traditional coding methods. With features like live rendering, instant undo, beautiful design principles, and seamless GitHub integration, Lovable empowers product builders, developers, and designers to bring their ideas to life effortlessly.
![Designlab Screenshot](/screenshots/designlab.com.jpg)
Designlab
Designlab is an online platform offering UI and UX design courses and bootcamps to help individuals enhance their design skills and advance their careers in digital design. The platform provides industry-leading programs focused on data-driven design, advanced Figma usage, AI for visual design, and usability & accessibility. Designlab emphasizes mentorship, feedback, and community interaction to create a supportive learning environment for aspiring and experienced designers alike.
![Grow with Google Screenshot](/screenshots/grow.google.jpg)
Grow with Google
Grow with Google is an AI tool designed to provide training and resources to help individuals boost their productivity and skills in various fields such as cybersecurity, data analytics, digital marketing, IT support, project management, UX design, and AI essentials. The platform offers online courses, tools, and professional certificates to help users develop ideas, make informed decisions, and enhance their daily work tasks using generative AI tools. With a focus on career growth and business development, Grow with Google aims to empower individuals with essential AI skills to succeed in today's competitive job market.
![UX Tigers Screenshot](/screenshots/www.uxtigers.com.jpg)
UX Tigers
UX Tigers is a website that provides user experience insights and articles from Jakob Nielsen. The website covers a wide range of UX topics, including user research, design, and usability. UX Tigers also offers a variety of resources, such as templates and tools, to help UX professionals improve their work.
![Atheros Screenshot](/screenshots/atheros.ai.jpg)
Atheros
Atheros is an AI-driven engineering and design company that specializes in building AI-driven products. They offer access to a team of world-class engineers, scientists, and designers to help execute visions and bring products to life. Atheros focuses on meaningful projects with a positive impact, providing services such as product specification, UX/UI design, AI and machine learning, architecture and engineering, MVP release, and iterations. The company emphasizes speed, reliability, pay-as-you-go pricing, business value enhancement, cutting-edge technologies, and assistance in securing funding. Atheros also offers a learning platform for individuals and companies to learn about building modern AI products.
![BugFree.ai Screenshot](/screenshots/bugfree.ai.jpg)
BugFree.ai
BugFree.ai is an AI-powered platform designed to help users practice system design and behavior interviews, similar to Leetcode. The platform offers a range of features to assist users in preparing for technical interviews, including mock interviews, real-time feedback, and personalized study plans. With BugFree.ai, users can improve their problem-solving skills and gain confidence in tackling complex interview questions.
![Chatbots Life Screenshot](/screenshots/chatbotslife.com.jpg)
Chatbots Life
Chatbots Life is a platform dedicated to providing comprehensive resources and insights on chatbots, AI, and natural language understanding (NLU). The website offers a wide range of content, including articles, workshops, and events, to help individuals learn and stay updated on the latest trends and technologies in the field of conversational AI.
![Dribbble Screenshot](/screenshots/dribbble.com.jpg)
Dribbble
Dribbble is a platform that connects designers with potential clients. It allows designers to showcase their work, find new clients, and get feedback from other designers. Dribbble also offers a variety of resources for designers, including tutorials, articles, and job listings.
![Great Learning Screenshot](/screenshots/greatlearning.in.jpg)
Great Learning
Great Learning is an online platform offering a wide range of courses, PG certificates, and degree programs in various domains such as AI & Machine Learning, Data Science, Business Analytics, Cloud Computing, Cyber Security, Software Development, Digital Marketing, Design, MBA, and Masters. The platform provides opportunities to learn from top universities, offers career support, success stories, and enterprise solutions. With a focus on AI and Machine Learning, Great Learning aims to elevate expertise and provide transformative programs to help individuals enhance their skills and advance their careers.
![DashLearn Screenshot](/screenshots/ytclass.co.jpg)
DashLearn
DashLearn is an online learning platform that offers AI-powered YouTube courses on a variety of topics, including digital marketing, design, video editing, entrepreneurship, generative AI, photography, productivity, product management, music, drawing, painting, marketing, animation, dancing, and more. The platform features courses from expert instructors and provides AI-powered tools to help learners track their progress, get personalized recommendations, and connect with other learners. DashLearn's mission is to make learning accessible and engaging for everyone, regardless of their background or experience.
![Ask LukeW Screenshot](/screenshots/ask.lukew.com.jpg)
Ask LukeW
The website 'Ask LukeW' is a platform where users can ask questions to Luke Wroblewski, a renowned expert in the fields of design, user experience, and product development. Users can seek advice on various topics such as writings, presentations, and other related areas. The platform provides a direct channel for users to interact with Luke Wroblewski and benefit from his expertise and insights.
![MarsX Screenshot](/screenshots/www.marsx.dev.jpg)
MarsX
MarsX is a revolutionary dev tool that seamlessly integrates AI, NoCode, Code, and MicroApps, empowering developers to create innovative software solutions with unprecedented speed and efficiency. At its core, MarsX offers a comprehensive suite of features that cater to the diverse needs of developers, from AI-powered landing page builders to a vast Micro AppStore brimming with ready-to-use Micro-Apps. These Micro-Apps, meticulously crafted by developers worldwide, provide instant access to a plethora of functionalities, enabling developers to rapidly assemble complex applications without the need for extensive coding. MarsX's commitment to innovation extends beyond its core offerings, as evidenced by its continuous development of cutting-edge tools such as AI website builders and AI-powered UI generators. These tools leverage the transformative power of AI to streamline the development process, allowing developers to focus on their creativity and strategic decision-making. By harnessing the collective knowledge and expertise of a global developer community, MarsX fosters a collaborative environment where developers can share their creations, learn from each other, and contribute to the ever-expanding ecosystem of Micro-Apps. MarsX's mission is to democratize software development, making it accessible to individuals and teams of all skill levels. With its intuitive interface, comprehensive documentation, and a supportive community, MarsX empowers developers to bring their ideas to life, transforming complex software development into an accessible and enjoyable experience.
![Personalized GPT Service Screenshot](/screenshots/abstractgpt.vercel.app.jpg)
Personalized GPT Service
The website offers a personalized GPT service that simplifies AI-powered Twitter conversations. Users can easily engage in conversations on Twitter with the help of this tool. The service is designed to enhance user experience and streamline communication on the platform. It is built with Vercel and NextJS technologies, ensuring a seamless and efficient performance.
![Hotjar Screenshot](/screenshots/hotjar.com.jpg)
Hotjar
Hotjar is a website heatmaps and behavior analytics tool that helps businesses understand how users interact with their websites. It provides a suite of tools to track user behavior, including heatmaps, recordings, surveys, and feedback. Hotjar is used by over 1,306,323 websites in 180+ countries.
![Kraftful Screenshot](/screenshots/kraftful.com.jpg)
Kraftful
Kraftful is an AI-powered platform designed for product builders to collect, analyze, and act on user feedback efficiently. It offers features such as sentiment analysis, auto-organizing insights into projects, generating surveys, AI-powered user interviews, and feedback translation. Kraftful helps product teams save time by automating tasks like crafting user surveys, analyzing feedback, and generating user stories. The platform aims to provide actionable product insights by turning volumes of user feedback into valuable information for product development.
![Kraftful Screenshot](/screenshots/www.kraftful.com.jpg)
Kraftful
Kraftful is an AI-powered tool that helps product teams collect, analyze, and prioritize user feedback. It integrates with various feedback sources, such as surveys, app store reviews, support tickets, and user interviews, to provide a comprehensive view of user needs and pain points. Kraftful uses natural language processing and machine learning to automatically categorize and summarize feedback, making it easy for product teams to identify trends and make data-driven decisions.
![404 Error Page Screenshot](/screenshots/www.overtime.club.jpg)
404 Error Page
The website displays a '404 - Page not found' error message, indicating that the requested page does not exist or has been moved. It seems to be a standard error page that users encounter when they try to access a non-existent or relocated webpage.
![Monterey AI Screenshot](/screenshots/www.monterey.ai.jpg)
Monterey AI
Monterey AI is an AI-powered insights platform that helps businesses understand their customers' needs and build better products. It aggregates, triages, and analyzes user feedback, tickets, conversations, surveys, and transcripts to provide businesses with real-time insights into what their customers are saying and what they want. Monterey AI is used by businesses of all sizes, from startups to Fortune 20 companies, to improve their product development process and build better products that meet the needs of their customers.
![GitWit Screenshot](/screenshots/www.gitwit.dev.jpg)
GitWit
GitWit is an online tool that helps you build web apps quickly and easily, even if you don't have any coding experience. With GitWit, you can create a React app in minutes, and you can use AI to augment your own coding skills. GitWit supports React, Tailwind, and NodeJS, and it has generated over 1000 projects to date. GitWit can help you build any type of web app, from simple landing pages to complex e-commerce stores.
![MDN Web Docs Screenshot](/screenshots/developer.mozilla.org.jpg)
MDN Web Docs
MDN Web Docs is a comprehensive web technology reference for developers, offering detailed information on HTML, CSS, JavaScript, HTTP, Web APIs, Web Extensions, and Accessibility. It provides learning resources, browser compatibility updates, documentation, and tools like Playground and HTTP Observatory. MDN partners with Scrimba for web development learning and emphasizes web sustainability. The platform also features a CSS Custom Highlight API and covers the latest news in web development.
20 - Open Source AI Tools
![generative-ai-for-beginners Screenshot](/screenshots_githubs/microsoft-generative-ai-for-beginners.jpg)
generative-ai-for-beginners
This course has 18 lessons. Each lesson covers its own topic so start wherever you like! Lessons are labeled either "Learn" lessons explaining a Generative AI concept or "Build" lessons that explain a concept and code examples in both **Python** and **TypeScript** when possible. Each lesson also includes a "Keep Learning" section with additional learning tools. **What You Need** * Access to the Azure OpenAI Service **OR** OpenAI API - _Only required to complete coding lessons_ * Basic knowledge of Python or Typescript is helpful - *For absolute beginners check out these Python and TypeScript courses. * A Github account to fork this entire repo to your own GitHub account We have created a **Course Setup** lesson to help you with setting up your development environment. Don't forget to star (🌟) this repo to find it easier later. ## 🧠 Ready to Deploy? If you are looking for more advanced code samples, check out our collection of Generative AI Code Samples in both **Python** and **TypeScript**. ## 🗣️ Meet Other Learners, Get Support Join our official AI Discord server to meet and network with other learners taking this course and get support. ## 🚀 Building a Startup? Sign up for Microsoft for Startups Founders Hub to receive **free OpenAI credits** and up to **$150k towards Azure credits to access OpenAI models through Azure OpenAI Services**. ## 🙏 Want to help? Do you have suggestions or found spelling or code errors? Raise an issue or Create a pull request ## 📂 Each lesson includes: * A short video introduction to the topic * A written lesson located in the README * Python and TypeScript code samples supporting Azure OpenAI and OpenAI API * Links to extra resources to continue your learning ## 🗃️ Lessons | | Lesson Link | Description | Additional Learning | | :-: | :------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------: | ------------------------------------------------------------------------------ | | 00 | Course Setup | **Learn:** How to Setup Your Development Environment | Learn More | | 01 | Introduction to Generative AI and LLMs | **Learn:** Understanding what Generative AI is and how Large Language Models (LLMs) work. | Learn More | | 02 | Exploring and comparing different LLMs | **Learn:** How to select the right model for your use case | Learn More | | 03 | Using Generative AI Responsibly | **Learn:** How to build Generative AI Applications responsibly | Learn More | | 04 | Understanding Prompt Engineering Fundamentals | **Learn:** Hands-on Prompt Engineering Best Practices | Learn More | | 05 | Creating Advanced Prompts | **Learn:** How to apply prompt engineering techniques that improve the outcome of your prompts. | Learn More | | 06 | Building Text Generation Applications | **Build:** A text generation app using Azure OpenAI | Learn More | | 07 | Building Chat Applications | **Build:** Techniques for efficiently building and integrating chat applications. | Learn More | | 08 | Building Search Apps Vector Databases | **Build:** A search application that uses Embeddings to search for data. | Learn More | | 09 | Building Image Generation Applications | **Build:** A image generation application | Learn More | | 10 | Building Low Code AI Applications | **Build:** A Generative AI application using Low Code tools | Learn More | | 11 | Integrating External Applications with Function Calling | **Build:** What is function calling and its use cases for applications | Learn More | | 12 | Designing UX for AI Applications | **Learn:** How to apply UX design principles when developing Generative AI Applications | Learn More | | 13 | Securing Your Generative AI Applications | **Learn:** The threats and risks to AI systems and methods to secure these systems. | Learn More | | 14 | The Generative AI Application Lifecycle | **Learn:** The tools and metrics to manage the LLM Lifecycle and LLMOps | Learn More | | 15 | Retrieval Augmented Generation (RAG) and Vector Databases | **Build:** An application using a RAG Framework to retrieve embeddings from a Vector Databases | Learn More | | 16 | Open Source Models and Hugging Face | **Build:** An application using open source models available on Hugging Face | Learn More | | 17 | AI Agents | **Build:** An application using an AI Agent Framework | Learn More | | 18 | Fine-Tuning LLMs | **Learn:** The what, why and how of fine-tuning LLMs | Learn More |
![nlux Screenshot](/screenshots_githubs/nlkitai-nlux.jpg)
nlux
NLUX is an open-source JavaScript and React JS library that simplifies the integration of powerful large language models (LLMs) like ChatGPT into web apps or websites. With just a few lines of code, users can add conversational AI capabilities and interact with their favorite LLM. The library offers features such as building AI chat interfaces in minutes, React components and hooks for easy integration, LLM adapters for various APIs, customizable assistant and user personas, streaming LLM output, custom renderers, high customizability, and zero dependencies. NLUX is designed with principles of intuitiveness, performance, accessibility, and developer experience in mind. The mission of NLUX is to enable developers to build outstanding LLM front-ends and applications with a focus on performance and usability.
![awesome-generative-ai Screenshot](/screenshots_githubs/filipecalegario-awesome-generative-ai.jpg)
awesome-generative-ai
A curated list of Generative AI projects, tools, artworks, and models
![awesome-llm-courses Screenshot](/screenshots_githubs/wikit-ai-awesome-llm-courses.jpg)
awesome-llm-courses
Awesome LLM Courses is a curated list of online courses focused on Large Language Models (LLMs). The repository aims to provide a comprehensive collection of free available courses covering various aspects of LLMs, including fundamentals, engineering, and applications. The courses are suitable for individuals interested in natural language processing, AI development, and machine learning. The list includes courses from reputable platforms such as Hugging Face, Udacity, DeepLearning.AI, Cohere, DataCamp, and more, offering a wide range of topics from pretraining LLMs to building AI applications with LLMs. Whether you are a beginner looking to understand the basics of LLMs or an intermediate developer interested in advanced topics like prompt engineering and generative AI, this repository has something for everyone.
![ai-notes Screenshot](/screenshots_githubs/swyxio-ai-notes.jpg)
ai-notes
Notes on AI state of the art, with a focus on generative and large language models. These are the "raw materials" for the https://lspace.swyx.io/ newsletter. This repo used to be called https://github.com/sw-yx/prompt-eng, but was renamed because Prompt Engineering is Overhyped. This is now an AI Engineering notes repo.
![free-for-life Screenshot](/screenshots_githubs/wdhdev-free-for-life.jpg)
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
![hongbomiao.com Screenshot](/screenshots_githubs/hongbo-miao-hongbomiao.com.jpg)
hongbomiao.com
hongbomiao.com is a personal research and development (R&D) lab that facilitates the sharing of knowledge. The repository covers a wide range of topics including web development, mobile development, desktop applications, API servers, cloud native technologies, data processing, machine learning, computer vision, embedded systems, simulation, database management, data cleaning, data orchestration, testing, ops, authentication, authorization, security, system tools, reverse engineering, Ethereum, hardware, network, guidelines, design, bots, and more. It provides detailed information on various tools, frameworks, libraries, and platforms used in these domains.
![browser-use Screenshot](/screenshots_githubs/browser-use-browser-use.jpg)
browser-use
Browser Use is a tool designed to make websites accessible for AI agents. It provides an easy way to connect AI agents with the browser, enabling users to perform tasks such as extracting vision and HTML elements, managing multiple tabs, and executing custom actions. The tool supports various language models and allows users to parallelize multiple agents for efficient processing. With features like self-correction and the ability to register custom actions, Browser Use offers a versatile solution for interacting with web content using AI technology.
![resume-design Screenshot](/screenshots_githubs/Hacker233-resume-design.jpg)
resume-design
Resume-design is an open-source and free resume design and template download website, built with Vue3 + TypeScript + Vite + Element-plus + pinia. It provides two design tools for creating beautiful resumes and a complete backend management system. The project has released two frontend versions and will integrate with a backend system in the future. Users can learn frontend by downloading the released versions or learn design tools by pulling the latest frontend code.
![SQL-AI-samples Screenshot](/screenshots_githubs/Azure-Samples-SQL-AI-samples.jpg)
SQL-AI-samples
This repository contains samples to help design AI applications using data from an Azure SQL Database. It showcases technical concepts and workflows integrating Azure SQL data with popular AI components both within and outside Azure. The samples cover various AI features such as Azure Cognitive Services, Promptflow, OpenAI, Vanna.AI, Content Moderation, LangChain, and more. Additionally, there are end-to-end samples like Similar Content Finder, Session Conference Assistant, Chatbots, Vectorization, SQL Server Database Development, Redis Vector Search, and Similarity Search with FAISS.
![WrenAI Screenshot](/screenshots_githubs/Canner-WrenAI.jpg)
WrenAI
WrenAI is a data assistant tool that helps users get results and insights faster by asking questions in natural language, without writing SQL. It leverages Large Language Models (LLM) with Retrieval-Augmented Generation (RAG) technology to enhance comprehension of internal data. Key benefits include fast onboarding, secure design, and open-source availability. WrenAI consists of three core services: Wren UI (intuitive user interface), Wren AI Service (processes queries using a vector database), and Wren Engine (platform backbone). It is currently in alpha version, with new releases planned biweekly.
![Awesome-Segment-Anything Screenshot](/screenshots_githubs/liliu-avril-Awesome-Segment-Anything.jpg)
Awesome-Segment-Anything
Awesome-Segment-Anything is a powerful tool for segmenting and extracting information from various types of data. It provides a user-friendly interface to easily define segmentation rules and apply them to text, images, and other data formats. The tool supports both supervised and unsupervised segmentation methods, allowing users to customize the segmentation process based on their specific needs. With its versatile functionality and intuitive design, Awesome-Segment-Anything is ideal for data analysts, researchers, content creators, and anyone looking to efficiently extract valuable insights from complex datasets.
20 - OpenAI Gpts
![Design Systems Guide Screenshot](/screenshots_gpts/g-TEs288nbf.jpg)
Design Systems Guide
Fed with all the major design systems docs sites and some expert blogs
![Design muse Screenshot](/screenshots_gpts/g-qk2pxQ7aI.jpg)
Design muse
A creative assistant for graphic designers, offering inspiration and unique design ideas.
![Mobile App Builder Screenshot](/screenshots_gpts/g-HM8NLpiw1.jpg)
Mobile App Builder
Android app developer, guiding from concept to deployment with UX/UI expertise
![Accessibility Design Expert Screenshot](/screenshots_gpts/g-4xc0WVLlA.jpg)
Accessibility Design Expert
An advocate for accessible design, offering guidance for inclusivity in design.
![Design Coach Pro Screenshot](/screenshots_gpts/g-HeGPRQNH7.jpg)
Design Coach Pro
Friendly, casual coach for design skills & growth, avoiding negativity and bias.
![Product Design Mentor Screenshot](/screenshots_gpts/g-1JpKOYAeT.jpg)
Product Design Mentor
A product and content design coach offering design advice, feedback, sample briefs and self-care tips.
![Design Mentor Screenshot](/screenshots_gpts/g-Aau4Tv941.jpg)
Design Mentor
Friendly, professional design expert, offering critiques and creating mockups.