UI · Design

Best Designs Collection from Creators

A collection of customizable SVG-patterns

Best Branding Design Collection

The best web interactions — from Awwwards

OG: The Ultimate Resource for Design Engineers.

AI Design & Dev Resources

Details Micro-interaction analysis of top digital products.

Components that move like real things.

Design to prompt to Live Site

The Internet's Goated Web Designs

Design inspiration, ready to build.

Interactive Web Components.

Build beautiful landing pages in minutes with AI

Design less. Ship Better.

A free React and Next.js components to copy into your own code.

How User Experience will evolve with the growth of AI.

Micro Interactions.

Design Engineering.

Collection of design resources

Get Background Images & Prompts.

High-crafted UI libraries for Landing Page

AI Design Canvas for UI

Search UI inspiration like you think.

Design Interactive Motion for the Web

A modern UI component library for AI.

A curated archive of recent visual design and creative work.

Design Inspiration: See what 680+ brands actually ship to socials

Beautiful AI Prompt Library, Made for Creators.

High-crafted UI libraries for AI agents

Morph any SVG icon into any other.

Three.js components, templates and interactive shaders

Curated web design showcase, updated with sites worth studying.

Directory of agency websites, useful when pitching or rebuilding your own.

Annotate UI elements and brief your coding agent

UI components specifically for AI agent chat interfaces

Free

Present designs as animated showcases without building the scene yourself.

Paid

Free

Animated border component that drops into an existing layout.

Crafted primitives for AI-native interface design

Free

Free

Design system antidote to AI-generated templated websites

Beautiful UI components you can copy and paste

Freemium

Build custom gradients in the browser and copy the CSS out.

A daily inspiration gallery curated from Dribbble shots.

A free, open platform for color palette inspiration.

Free

Library of 66 animated text effects built in pure CSS, copy and paste.

Production-ready component library with 250+ animations

The super-fast color-scheme generator loved by millions.

Framer templates for creators and early-stage startups.

Free

Beautifully designed decks, curated

This Chrome extension extract styles and information from any given site and generates a `DESIGN.md` or `SKILL.md` file that you can use with tools such as Google Stitch, Claude Code

Design resource and inspiration platform with markdown-style curation

Design and development resources library with 158+ tools

Visual timeline editor for animations with loops, groups, and staggering

Layer masks for pixel effects and visual animations

Freemium

Freemium

React component library offering unique dot matrix loaders. Open-source & customizable.

Interactive drawing and creative visualization tool

Searchable font database spanning foundries, for hunting a specific face.

Font manager that keeps large personal libraries organised and previewable.

Generate font pairings in one click with deep learning.

Free

Curated design discovery and reference platform in markdown format

Free

Free

Responsive UI blocks ready for Framer, Figma and Webflow.

Free

Freemium

Free

Free

Hyperbrowser is a cutting-edge platform that enables developers to build sophisticated web automation, scraping, and browser-based applications with ease.

Animate any Lucide icon in SVG format with custom paths

Over 60,000 icons to browse and bookmark when hunting a visual direction.

Icon Museum is a dedicated platform showcasing iconic app icons, beautifully curated for easy exploration and…

Free

Pixel-accurate apps for building social mockups and content images.

117 motion patterns ready to drop into CSS or React.

Free

Free

Brand identities from real companies, collected for reference.

Freemium

Curated logo library to browse when a brand direction needs reference.

Liquid metal effect component for buttons and interfaces

Collaborative mood board and design inspiration platform

Collection of minimal websites for when restraint is the brief.

iPhone mockups in 4K, no Photoshop file to open.

Browser-based 3D and motion studio aimed at product and brand work.

Template-based motion graphics design in 4K without After Effects

AI-assisted tool for modern interface and visual design exploration

Free

Free

Open-source macOS colour picker that pulls palettes from anything on screen.

Freemium

Free

Free

Curated design style reference library for UI inspiration

Component and section library for assembling responsive sites faster.

WebGPU graphics framework for design engineers

Freemium

Interactive tools for generating dynamic space-themed type designs.

Upload your 3D object, remix, and animate in a few clicks

Free

Free

Generate Lottie animation templates using Claude Code

Animated thinking orbs library for AI user interface

Nature-inspired design patterns using Three.js and GSAP

Freemium

Open-source starter kit and UI library for building AI design apps.

Essential CSS transitions library for web applications

A visual calculator for a harmonious typographic scale.

Freemium

Free

Free

The npm for design engineers, copy-paste minimal React components.

AI-driven 3D modeling software

Inspiration Library for creative 404 error page designs

A website offering high-performance web design ideas.

A global creative platform for logo and brand design.

A1 Gallery curates standout websites for designers and creatives, inspiring with design excellence.

Surreal, free illustrations to give projects a unique edge.

Inspiration site featuring real-life case studies of A/B tests on UX/UI.

Stunning, animated React + Tailwind components, copy-paste.

Create color schemes and explore trends from the community.

Thousands of quality fonts included with Creative Cloud.

Adobe's design system to make products cohesive and usable.

Professional photo, design, and layout software for creative freedom.

A pro vector design tool with a one-time price, no subscription.

4000+ device mockups for Figma, Sketch and XD in stunning angles.

Create animated mockups in the browser, free and open-source.

A free app store screenshot and mockup generator.

Apple's Human Interface Guidelines for great app design.

Showcases a gallery of past Apple-related presentation announcements.

Explore a curated gallery to boost ASO and mobile UI design

A curated collection of app screen for design inspiration.

Browser-based mockup generator with 5,000+ templates and AI-enhanced visuals.

Free browser tool converts images and videos into ASCII art instantly.

A type foundry with pay-what-you-want font families.

Atlassian's end-to-end design language and guidelines.

Design system for Figma

Generate stunning designs effortlessly using AI and export to HTML or Figma.

Inspect and hand off designs to code, from any tool.

Awards for the best web designers and developers in the world.

Premium design supplies, from AI components to footers, streamline your design process

AI tool for generating UI designs from text. Create wireframes & full designs fast

Uber's React component library and design system.

Create unique characters for apps and games with clothes, expressions, and colors.

A showcase of the best typefaces from Google Fonts.

Free fonts and typography resources for designers.

Showcase and discover creative work from designers worldwide.

Notion-style grid layouts.

A premium Figma UI kit for SaaS apps with 9000+ components.

A collaborative 3D design tool for spatial and AR experiences.

Free illustrated designs of Black people for diverse digital projects

The free and open-source 3D creation suite for everything.

AI tool to generate on-brand images, transforming your site into a brand system.

Store offering Framer website templates for fast project starts.

Create and customize beautiful illustrations made by artists.

Free, high-quality open-source icons from the Bootstrap team.

High-quality, simple open-source web icons.

Make screenshots and social images look pro in seconds.

Instantly get logos, colors, fonts, and images.

Inspiration gallery of branding across various websites.

An AI-powered logo and brand-identity generator.

Design and publish responsive online brand guidelines effortlessly in minutes.

AI-powered design tools for 2D/3D animations, text effects, and images.

Premium Webflow and Framer templates and UI kits.

Collection of bold and unconventional brutalist web designs.

Premium templates for Framer to boost web design with customization options

Transform handwriting into custom fonts easily.

A categorized gallery of web design ideas and components.

Inspiration library for UX designers and developers.

The easy, all-in-one design tool for everything visual.

Marketplace for premium Framer templates and creative assets.

Social and portfolio hub for artists in the entertainment industry

IBM's open-source design system for products and experiences.

Create stunning online portfolios easily with Carbonmade. Ideal for creatives, no coding needed.

Universal icon system using Figma variants for full customization.

Visual testing and review for Storybook UI components.

AI-powered tool for creating stunning, interactive presentations. No design skills needed.

Professional 3D modeling, animation and motion graphics.

Create beautiful screenshot mockups in seconds.

Access extensive Framer and Figma UI elements for fast site shipping.

Portfolio showcase for design interns and professionals.

Collletttivo is a platform offering a variety of open source typefaces.

Create customizable color palettes in advanced color spaces effortlessly.

Tool for generating, testing, and organizing color palettes.

Thousands of free website and WordPress templates.

Comprehensive library of color palettes and fonts for design.

Overly descriptive color palettes generator.

Color palette generation tool.

Generate nice color palettes and gradients in one click.

An eyedropper, color picker and gradient generator.

Platform to create 3D mockups, icons, and shapes for design projects.

Convert 3D file formats.

A hand-picked gradient collection for your next project.

Collection of free geometric shapes for design projects.

Access 120+ basic SVG shapes and easily copy the SVG code for your projects.

A Pinterest alternative for creatives, save and curate anything.

High-quality illustrations, UI kits and design assets.

A visual workspace for diagrams, whiteboards and data.

UI kits, templates and dashboards for web and mobile.

Collection of premium Mockups

Beautiful Tailwind landing page templates and UI kits.

Website awards recognizing the best in web design and dev.

A free tool to create and customize CSS gradients.

A CSS viewer to inspect styles and assets on any site.

Explore a curated collection of top-performing call-to-actions for designers and creatives

Curated Supply showcases premium tech, homeware, and lifestyle products f

Platform curating curated content.

A huge archive of free downloadable fonts by category.

Collection of Framer components updated daily for designers.

A showcase of beautiful dark-themed product interfaces.

The best hand-picked dark-themed websites on the internet.

Curated collection of the web's most minimal sites for design inspiration.

Effortlessly create on-brand collateral that scales with design control

Free, fully customizable graphics and illustrations.

Premium and free design resources at huge discounts.

Premium design resources, fonts and graphics at deep discounts.

A curated library of design interactions and animations.

Learn design systems.

Resources and articles on design systems.

A huge collection of design systems and pattern libraries.

Typography Token organizes text styles for consistency in design systems.

Discover web & mobile design inspiration and UX patterns from top digital products.

AI-driven platform for logos, websites & business cards

Curated insights on microinteractions and design decisions for UI polish.

Create stunning device mockups in seconds, free.

An avatar library and API with many fun styles.

Free 3D models of great designs for professionals.

Premium and free Figma & Framer UI kits and templates, website kits, app UIs, decks and design systems.

Customizable illustration placeholders for web projects

Free, open-source diagramming for any kind of chart.

Beautiful, free vector illustrations and icons for any project.

Show and tell for designers, the leading destination for design.

Tool for creating design patterns.

Generate product mockups at scale with an editor and API.

Design asset management tool for organizing creative projects

Premium Framer templates and agency tools for web designers to attract clients and save time.

Curated Framer components and templates for fast, high-quality web design.

Library of Framer components, remixes, and templates

Tool for creating 3D Objects and Spaces

Collection of easing animations for smooth and engaging web experiences.

The whiteboard for engineering teams, diagrams as code.

A virtual hand-drawn-style whiteboard, open-source and free.

Pick colors from any web page or your own palette.

Simply beautiful open-source icons, the original.

Figma's online whiteboard for teams to ideate together.

The collaborative interface-design tool the whole team can use.

Collection of resources for Webflow development.

The largest database of free icons in SVG, PNG and more.

Flippa is the world's largest marketplace for online businesses, providing tools for buying and selling various…

Modern, responsive Tailwind components and templates.

Open-source UI components built with Tailwind CSS.

Discover customizable website templates for Framer, Webflow, and Figma. Suited for quick launches.

A visual UX planning tool for sitemaps and user flows.

Webflow templates, UI kits and cloneables.

Microsoft's open-source, cross-platform design system.

Customizable Video Backgrounds

The web's most popular icon set and toolkit.

Premium and free fonts for designers and crafters.

Preview, compare, and organize a wide range of fonts effortlessly.

Free fonts licensed for commercial use, hand-picked.

Curated font collections.

Free fonts for commercial and personal use, curated daily.

Beautiful Google Font pairings for your next project.

An archive of typography in the real world, by use.

Identify, try and buy fonts from any website.

Create custom fonts in Photoshop & Illustrator.

A free, quality fonts service from the Indian Type Foundry.

Self-host open-source fonts in a neatly bundled npm package.

A curated gallery of the top website footer inspiration.

Component Library for Framer.

Framer components and sections to build sites faster.

Tool for creating and customizing data charts in Framer.

Access 22,000+ icons and upload custom sets in one powerful Framer plugin.

Resource hub for Framer overrides.

A curated collection of the best free Framer resources.

The official marketplace for premium Framer templates.

Resource hub for Framer design toolkits.

Free Framer courses, templates and components.

Authentication tool for member only content Framer projects

Free and premium Framer templates and components.

Collection of creative projects and resources for Framer.

Library of Framer templates for rapid prototyping and web design.

Component library designed for Framer projects.

An advanced design system and UI kit for Figma.

Add social share buttons to your Framer website.

Collection of design tools and resources tailored for Framer users.

Curated free fonts gallery.

A curated feed of the best free design resources.

An illustration library of people and objects, free.

AI-powered tool converts images to HTML/CSS code quickly

Library of hand-drawn illustrations for creative projects.

Curated source of stunning, diverse portfolios updated daily for creatives

GenPPT is an AI-powered tool that creates PowerPoint presentations effortlessly.

A free, open-source image editor, a powerful Photoshop alternative.

Free, beautiful illustrations for your next project.

All-in-one tool

UI kit designed for Figma to simplify design processes.

Webflow app for creating responsive sliders.

Astronomically good web design inspiration, hand-picked.

Collection of high-quality design inspirations.

Making the web more beautiful through great open typography.

A simple way to make and grab beautiful gradients.

Gradient design tool.

A tool for creating and fine-tuning CSS gradients.

Webflow tool for generating gradients.

Pure CSS, no-image gradient backgrounds, free to use.

Offers 300+ unique gradient backgrounds in 4K and WebP formats for web apps and creative projects.

The best animated grainy gradients on the internet.

Tasty, free design resources served fresh.

Buy graphics, templates and design assets from creators.

A full-featured free vector design app for any platform.

Unique, geometry-driven icon set for product design with monthly updates.

Library of customizable UI components for Framer design projects.

Gallery of unique and creative H1 headers for web design inspiration.

Online tool to create halftone-style images.

Collection of hand-drawn arrows and doodles for creative projects.

A color palette inspiration site that shows palettes in context.

Headers Club is a platform for browsing the hottest header images online.

Offers high-quality vintage fonts with artistic craftsmanship. Ideal for creative projects.

Hand-crafted SVG icons by the makers of Tailwind CSS.

Highlights offers 100+ hand-drawn vector shapes for creatives. Free for personal and commercial use.

Create stunning websites effortlessly with Holygrid's tailored templates for creatives.

Animated UI components for React and Tailwind to ship faster.

Responsive, free HTML5 and CSS3 site templates, CC-licensed.

An inspirational showcase of cutting-edge websites, no junk.

A massive, clean icon libr

Mix-and-match illustrations of people by Pablo Stanley.

Innovative video diffusion framework for world-consistent 3D scenes

Template store offering a variety of Framer templates for design projects.

Free, open-source Tailwind CSS components, copy-paste.

A curated collection of beautiful Tailwind CSS gradients.

A curated collection of Framer resources.

User-friendly vector graphics editor for creative projects

Free and premium icons library.

Generate app icons quickly with AI, no design skills needed.

Discover countless icons from various collections for your projects.

A marketplace with millions of icons and illustrations.

Free pixel-perfect icons.

200,000+ open-source vector icons from 150+ icon sets.

Collection of essential UI icons for web and app design.

A free library of 1500+ open-source, high-quality SVG icons.

Icons, illustrations, photos and tools for designers.

Premium customizable icons.

Icons, illustrations, 3D assets and Lottie animations in one place.

Access free and premium icon packs to enhance your design projects. Offers 4000+ high-quality icons.

3D icons, illustrations and AI-generated design assets.

Open-source illustrations kit, hand-drawn by Vijay Verma.

Tool to find and test accessible color combinations for inclusive design.

Explore diverse free fonts

Minimalist Figma design system for streamlined UI creation, perfect for web and SaaS apps.

Premium, hand-crafted open-source icons by the Ionic team.

Explore curated iOS app icons with thousands of designs for inspiration.

Free collection of customizable ISO-style icons.

Create isometric illustrations fast in the browser, with pre-built shapes and SVG export.

Premium Framer templates for fast, SEO-optimized websites, customizable in a few hours.

The simple motion-design tool to animate your designs.

Free 3D illustration pack for web and mobile app designers. 45 models available.

UI kit for Figma and Webflow, ideal for web design projects.

Interactive UI components built with Tailwind CSS & shadcn for React and Next.js

Kompa is a Framer UI kit used by t

Kosmik 3 is a unique platform for visual research, leveraging AI for inspiration.

A free, open-source painting program for digital artists.

A curated gallery of the best website design inspiration on the web.

Ready-made design blocks, Kits, and Templates for websites

The best landing page design inspiration, components and templates.

Inspiration library showcasing landing page designs for creativity and ideas.

7000+ landing page design examples from around the web, updated daily.

Premium Framer templates for designers and freelancers to build professional sites.

The key maxims designers consider when building interfaces.

Tool for building interfaces using Tailwind CSS.

The first open-source type foundry, beautiful free fonts.

A lightweight smooth-scroll library by Studio Freight.

Themes and UI Kits crafted with Astro and Tailwind CSS

Salesforce's design system for enterprise apps.

Limora is an AI tool designed for generating on-brand assets quickly and easily, primarily for designers. It allows…

A pro vector design tool for Mac and iPad, formerly Vectornator.

Handcrafted, free and premium line and bold icons.

A platform offering logo inspiration for a variety of industries and projects.

Placeholder logos for mockups.

Extensive library of logo inspiration

A huge library of beautifully animated icons.