Best free Design AI tools

Tailwind CSSFree

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. It provides a set of classes that can be composed to create any design directly in your markup.

InkscapeFree

Inkscape is a free and open-source vector graphics editor that allows users to create and edit scalable vector graphics (SVG) files. It offers a wide range of features for graphic design, including drawing tools, text support, and the ability to work with layers.

AwwwardsFree

Awwwards recognizes and promotes the talent and effort of the best developers, designers, and web agencies globally through various awards and showcases. It serves as a platform for showcasing outstanding web design trends and inspiring creativity in the digital space.

AG GridFree

AG Grid is a feature-rich Data Grid for all major JavaScript frameworks, offering filtering, grouping, pivoting, and more. It is free and open-source, with an option to upgrade to Enterprise for advanced features.

GSAPFree

GSAP is a robust JavaScript animation library designed for professionals, enabling the animation of anything on the web. It is now free for all users, supported by Webflow.

MotionFree

Motion is a fast, production-grade animation library for React, JavaScript, and Vue, enabling developers to build smooth UI animations with a minimal footprint. It offers a variety of components and tools for creating high-performance web animations.

1001fontsFree

1001fonts offers a vast collection of free fonts for personal and commercial use. Users can browse, preview, and download fonts easily without the need for registration.

ideogramFree

Ideogram is a platform that allows users to create and customize images using AI technology. It focuses on providing a user-friendly interface for generating unique visual content tailored to individual preferences.

Anime.jsFree

Anime.js is a fast, multipurpose JavaScript animation library that allows developers to animate web elements with a simple and intuitive API. It supports flexible keyframes, built-in easings, and advanced synchronization features for creating stunning animations.

nivoFree

Nivo provides a rich set of data visualization components built on top of D3 and React, enabling developers to create interactive charts and graphs easily. With a variety of chart types available, it caters to the needs of modern web applications.

AriakitFree

Ariakit is a lower-level component library designed for building accessible higher-level UI libraries, design systems, and web applications using React. It offers unstyled, primitive components along with a collection of styled examples for easy integration into applications.

KenneyFree

Kenney provides thousands of free game assets and open-source starter kits to help users kickstart their game development projects. The platform offers tools that require no prior knowledge of complex software, making game creation accessible to everyone.

OnlookFree

Onlook is a free, local-first editor where designers craft exceptional experiences in code. It offers features like project templates, branching and version control, and centralized design token management.

shadcnFree

Shadcn is a design engineer on the AI team at Vercel, known for creating shadcn/ui and shadcn/registry. The platform offers various tools and components for AI-assisted work, including a popular component library and a distribution system for code.

siteinspireFree

siteinspire is a showcase of the best web design inspiration, featuring a curated collection of websites across various categories. It serves as a resource for designers and developers looking for fresh ideas and trends in web design.

One Page LoveFree

One Page Love is a design gallery showcasing the best single page websites, templates, and resources. It serves as an inspiration hub for designers and developers looking to create effective one-page websites.

Theatre.jsFree

Theatre.js is a powerful JavaScript animation library designed for creating animations in the browser. It offers a professional motion design toolset that allows users to create everything from cinematic scenes to delightful UI interactions.

Poly HavenFree

Poly Haven is a public 3D asset library offering high-quality HDRIs, textures, and 3D models for free. All assets are CC0 licensed, allowing unrestricted use for any purpose without the need for signups or paywalls.

FlowbiteFree

Flowbite is a component library built on top of Tailwind CSS, offering a wide range of UI components and templates for building responsive web applications. It provides developers with the tools they need to create beautiful and functional user interfaces quickly and efficiently.

lapa.ninjaFree

Lapa.ninja is a platform that showcases a collection of landing pages and design inspiration to help users create effective websites. It serves as a resource for designers and marketers looking for creative ideas and examples.

The Component GalleryFree

An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.

Magic UIFree

Magic UI offers beautiful UI components and templates designed to help users create stunning landing pages quickly. With over 50 blocks and templates, it serves as a perfect tool for design engineers looking to enhance their web projects.

TremorFree

Tremor offers open-source, accessible React UI components styled with Tailwind CSS, designed to help developers build charts and dashboards quickly. With over 35 components available, Tremor focuses on providing beautiful defaults and simple props to enhance data visualization.

HeroUI v3Free

HeroUI v3 is a modern UI library for web and mobile applications, featuring beautiful, accessible React components built on React Aria and Tailwind CSS v4. It enables developers to create production-ready applications quickly while maintaining a consistent and delightful user experience.

FontsourceFree

Fontsource is a platform for browsing and downloading free, open-source fonts. Users can preview font files and self-host web fonts using npm packages and CSS, with CDN links also available.

RechartsFree

Recharts is a composable charting library built on React components, designed for creating interactive and customizable visualizations. It is open-source and allows developers to easily integrate charts into their applications.

Libraries.devFree

Libraries.dev offers high-crafted UI libraries specifically designed for AI agents, featuring seven open-source React effects for modern applications. These effects include animated borders, thinking indicators, and voice visualizers, all ready to use with your coding agents.

HttpsterFree

Httpster is a website design inspiration platform that showcases a gallery of creative design ideas and examples of beautiful, award-winning sites. Users can explore various styles and layouts to find inspiration for their own projects.

land-bookFree

Land-book is a curated collection of beautiful landing pages and websites, showcasing design inspiration for web developers and designers. It serves as a resource for finding creative ideas and trends in web design.

React BitsFree

Free, open source React components for animated text, backgrounds, interactive cards, and micro interactions. Explore live demos and copy the source code for your projects.

TypescaleFree

Typescale is a web-based tool designed to help users create stunning typography, generate CSS, and find inspiration for their design projects. It offers a user-friendly interface for adjusting font sizes and styles, making it ideal for designers looking to enhance their typography.

ambientCGFree

ambientCG offers a vast collection of over 2000 free 3D assets, including PBR materials, HDRIs, and models, all available under the CC0 Public Domain license. It serves artists, students, and educators with high-quality resources for 3D art, architectural visualization, and game development.

TamaguiFree

Tamagui offers type-safe styles for React and React Native, featuring an optimizing compiler and compatibility with Tailwind. It provides a high-performance style library designed for fast development across web and mobile platforms.

FlamencoFree

Flamenco is a free and open-source render management tool designed to help users take control of their computing infrastructure. It is customizable, cross-platform, and self-hosted, making it suitable for production environments.

TailAdminFree

TailAdmin is a Free and Open Source Tailwind CSS Admin Dashboard Template, providing developers with everything needed to create a complete, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.

Konsta UIFree

Konsta UI offers mobile UI components built with Tailwind CSS, designed for creating applications with a pixel-perfect look and feel. It supports frameworks like React, Vue, and Svelte, providing a versatile toolkit for developers.

TrellisFree

Trellis is a layout library for web apps that allows users to create fractal, dockable workspaces where panels can nest inside each other. Users can zoom into specific parts of their workspace while keeping content mounted through every move.

RegeFree

Rege focuses on building software with an emphasis on design, detail, and functionality, offering various interactive tools for web development.

ReferoFree

Refero is a platform that offers the largest collection of UI/UX design inspiration for web and iOS projects. Users can explore tens of thousands of screenshots with advanced search capabilities to find the perfect design references for their next project.

Base UIFree

Base UI offers unstyled UI components designed for building accessible web applications and design systems. It emphasizes flexibility and composability, allowing teams to create distinctive interfaces without imposing visual opinions.

ZeegoFree

Zeego offers beautiful, native menus for React Native and web applications, inspired by Radix UI. It provides a unified API for cross-platform development and is designed to be easy to use and accessible.

ShottrFree

Shottr is a free macOS screenshot app that offers features like scrolling screenshots, OCR, annotation, and measurement tools. It's designed for designers, front-end engineers, and mobile developers who need precise pixel measurements.

SaaS Landing PageFree

SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies, providing inspiration for your next design project. Explore a curated selection of effective pricing pages to enhance your pricing strategy.

BenchoFree

Bencho is a library of interactive React UI components and micro-interactions that you can explore, tweak, and integrate directly into your projects. It offers a variety of live components designed to enhance user interfaces.

UI SkillsFree

UI Skills is a collection of design-engineering skills focused on accessibility, motion, frontend craft, and interface quality, aimed at enhancing the capabilities of design engineers.

LandddingFree

Landdding showcases daily new web designs submitted by the community of web designers, allowing users to find inspiration and vote on their favorite designs.

Meraki UI Tailwind CSS ComponentsFree

Meraki UI offers a collection of free Tailwind CSS components designed for modern web development, featuring RTL language support and elegant dark mode. These components are fully responsive and built with attention to detail, making it easy to create stunning user interfaces.

Cult UIFree

Cult UI offers open-source Shadcn UI components, animated blocks, and full templates that can be easily integrated into any TypeScript/Next.js project. With a growing library of free components, it aims to streamline UI development for developers.

Fancy ComponentsFree

Fancy Components offers a growing library of ready-to-use React components and microinteractions designed to enhance web experiences. It is free and open source, making it accessible for developers looking to add flair to their projects.

AnimataFree

Animata offers a collection of free, animated React components designed to help developers ship stunning UI faster. Built with Tailwind CSS for Next.js, these components are MIT licensed, theme-aware, and ready for production use.

Taste SkillFree

Taste Skill is an open-source frontend framework designed to enhance the aesthetic quality of AI-generated frontends. It provides skill files that help coding agents like Cursor, Claude Code, and Codex create visually appealing designs with minimal effort.

Thinking OrbsFree

Thinking Orbs is a React component library featuring animated orbs for AI status indicators, including thinking, searching, and compacting. It is free and open source, requiring no dependencies.

useLayoutsFree

Free animated React components built with Framer Motion and Tailwind CSS. Easily preview, copy code, and integrate them into your projects to create polished interfaces.

Recent — Design InspirationFree

A platform offering the best design inspiration on the Internet, featuring web interfaces, branding, motion graphics, and more. Users can browse design launch videos, new websites, app screenshots, and various design resources.

shadcn/uiFree

Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.

KokonutUIFree

KokonutUI offers a collection of stunning, free, and open-source UI components built with Next.js, React, and Tailwind CSS. Designed to help developers build websites faster, it features over 100 components that can be easily integrated into projects.

hyperui.devFree

HyperUI is a collection of open-source UI components built with Tailwind CSS, designed to help developers quickly create beautiful and responsive user interfaces. It provides a range of pre-designed components that can be easily customized and integrated into web projects.

Canvas UIFree

Canvas UI is an open source component library that provides creative HTML-in-canvas effects for various JavaScript frameworks including React, Vue, and Svelte. It leverages WebGL and WebGPU technologies to deliver dynamic visual experiences.

Astryx Design SystemFree

An open source design system that is fully customizable and agent ready, built for speed, clarity, and creative freedom. It allows users to adapt workflows with customizable themes and components.

React SpectrumFree

React Spectrum empowers developers to build high-quality, accessible applications with Adobe's cohesive design. It offers a collection of components that enhance user experience across various platforms.

Its HoverFree

Its Hover offers animated icons that move with intent, designed to integrate seamlessly with modern design systems like Next.js. The platform is open source, allowing for easy customization and modification of motion-first icons.

CSS DinerFree

CSS Diner is an interactive platform designed to teach users about CSS selectors through engaging gameplay. Players type in CSS selectors to select elements on a virtual table, advancing through levels as they master the concepts.

Creavite Discord Banner MakerFree

Create free animated Discord profile banners in under a minute with custom GIF templates. No watermark and no signup required, making it easy to personalize your Discord profile.

pdfcnFree

pdfcn offers a collection of beautifully designed, accessible, and customizable PDF components for React, built on Takumi and Forme. It provides a simple way to create professional PDFs with various templates and components.

ObsidianUIFree

ObsidianUI is a React & Tailwind CSS component library featuring components, blocks, and landing page templates designed to streamline UI development.

LogggosFree

Logggos is a catalog of well-designed logos, offering inspiration sorted by industries, themes, typography style, and branding color. Users can explore a diverse collection of logos to find the perfect design for their branding needs.

beUIFree

beUI offers free, open-source animated components for React and Next.js, designed with Motion and Tailwind CSS. Users can easily copy the source or install using the shadcn CLI for customizable UI elements.

Paper ShadersFree

Ultra-fast zero-dependency shaders for your designs, available as React components or GLSL. Ideal for adding various visual effects like image filters, textures, and animations to your projects.

3Dviz Pro MaxFree

3Dviz Pro Max empowers users to transform ideas into immersive 3D scenes, enabling visualization of various subjects including anatomy, mathematics, and imaginative worlds. This tool is designed for those looking to explore and create detailed 3D environments.

ComponentryFree

Beautiful, animated React UI components with styling and motion already handled. Built with Tailwind CSS, TypeScript, and Framer Motion.

Dark Themed Web Design InspirationFree

A curated collection of the best dark themed websites on the internet, designed for designers seeking inspiration. Hand-picked and updated regularly to showcase innovative dark design aesthetics.

KineticsFree

Kinetics is a library of spring-driven micro-interactions designed for web applications. It allows developers to copy CSS or React code, adjust the physics parameters, and seamlessly integrate animations into their projects.

Monet DesignFree

Monet Design offers a comprehensive library of over 1007 high-quality React UI components, including hero sections, pricing tables, and CTAs. Users can easily search, preview, and install components with a single command, making it ideal for developers looking to enhance their projects.

LogosystemFree

Logosystem is the largest free logo inspiration library, featuring over 1,200 logo examples, wordmarks, symbols, and animated logos curated by top designers. Users can filter logos by color, style, shape, and industry to find the perfect logo ideas for their brand.

Skecher UI - Motion Components for ReactFree

Skecher UI offers polished React motion components with live previews, source code, and easy installation via the shadcn CLI. It provides an open-source registry for developers to access and utilize a variety of motion components.

Watermelon UIFree

Watermelon UI is an open-source React UI platform offering free components, animations, blocks, and dashboards for developers. It provides strong visual references and implementation paths to help builders move from inspiration to shipping faster while maintaining code quality.

Jakub KrehelFree

Jakub Krehel is a founding design engineer at Interfere, focusing on building the self-healing layer of the internet. He emphasizes craft and quality in his work and has experience from companies like OpenSea.

Transitions.devFree

Transitions.dev offers a collection of essential UI transitions for web applications, allowing users to easily integrate motion effects into their projects. The platform includes a library of crafted transitions and tools for developers to enhance user experience.

BuzzyFree

Buzzy is a platform for Roblox game creators to access scripts, tips, and coaching help using Roblox Studio. Join a community of developers and enhance your game-making skills with tutorials and resources.

Stitch - Design with AIFree

Stitch generates UIs for mobile and web applications, making design ideation fast and easy. It simplifies the design process, allowing users to quickly create user interfaces with the help of AI technology.

UI UX Pro Max - Design Intelligence for Claude CodeFree

A searchable database of UI styles, color palettes, font pairings, chart types, and UX guidelines tailored for Claude Code skill development.