WebTUI
A modular CSS library that brings the look and feel of terminal UIs to the browser. Pure CSS, easily themable, and open source.
UI Design Tools, Design Systems & Interface Resources
92 resources indexed
Everything you need to design beautiful user interfaces, from professional design applications and UI kits to component libraries and design system documentation. Create consistent, polished designs faster.
iOS Icon Gallery
A free gallery of iOS app icons for inspiration. Browse by color, designer, year, and more.
CTA Gallery
Curated gallery of the best call-to-action (CTA) designs from across the web. Get inspired to boost conversions and creativity.
Flowbite Illustrations
A free and open-source collection of SVG illustrations, fully compatible with Flowbite and Tailwind CSS. Includes Figma file and commercial use allowed under MIT license.
Humane by Design
Guidance and principles for designing humane digital products and services focused on user well-being and ethical design.
ShaderGradient
Create beautiful, moving gradients for your website or design projects. Available as a Figma and Framer plugin, and as a React component.
Vartype
A kinetic home for your variable fonts. Upload, explore, and interact with variable fonts in a playful, visual environment.
Envato Elements
IconsIllustrationsBackgroundsAnimationVideoBrandingPhotographyTemplatesWordPressAudioTypographyDesignWordPressFeatured
One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.
GOV.UK Design System
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on patterns and components.
Brutalist Shape Elements Mega Pack
Transform your creative projects with these fully editable, vector elements that are not only visually striking but also versatile for various applications.
Cool Shapes
100+ Abstract shapes with cool grainy gradient. Ready to use with any design dev project.
Curated Design
Web design inspiration catalog. Unleash your creativity with out-of-this-world web design inspiration from across the web.
Dark Patterns
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
Deck Gallery
We curate beautifully designed decks, slides, keynotes, guidelines — or whatever you call them.
Device Shots
Create device mockups in seconds! Design device mockups with the screenshot of your website or mobile application, for free.
Shape of AI
Exploring how User Experience will evolve with the growth of Artificial Intelligence. The rise of AI has caused a paradigm shift in how people interact with technology. Our interfaces may evolve, but the foundations of great design are more relevant than ever. This is the UX of AI.
DesignMunk
Top handpicked landing page and homepage inspirations. Explore a curated collection of top-notch creative landing page examples to inspire and inform your upcoming design project. Find the best ideas and inspiration for your next project with our expertly curated selection.
Really Good Emails
Really Good Emails (RGE for short) aims to be the best showcase of email design and resources on the web. We’re providing transparency into product email and customer email cycles that are not available anywhere else.
Mobbin
The world's largest mobile and web design library. Save hours of UI & UX research with our library of 300,000+ screens from the world's best designed apps.
Nicely Done Club
The largest web applications inspiration examples & user flows library. Save hundred hours of UX & UI research by browsing a library of 58,500+ organized screenshots from the best in class web apps — handpicked.
Tailspark Tailwind Component Library
300+ TailwindCSS components to build your site in minutes. One-click copy and paste with the full source code and Figma files.
Adobe Express
Design flyers, TikToks, resumes, and Reels with the new, all-in-one Adobe Express. Stand out with amazing artwork generated by Adobe Firefly AI.
fffuel
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
Landing Pages Explained
The only collection of leading SaaS and creator landing pages with expert explanations of the ideas used to increase conversion.
Free Books for Designers
Free eBooks to help you develop creative and design skills.
Golden Ratio Typography Calculator
Discover the perfect typography for your website by entering your current (or desired) font, font size, and/or content width. Experiment with different fonts, sizes, and widths to see what works best. Optimize for the ultimate reading experience on any device.
Presentator
Free and open source design presentation and collaboration platform. Presentator is an online presentation tool developed especially for web designers. Its main goal is to be simple as much as possible, ease to use, WITHOUT ads and any irritating restrictions like maximum number of projects, prototypes, screens, etc.
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
ztext.js
Easy to implement, 3D typography for the web. Works with every font.
Animated GIF/WebP Maker
GIF maker allows you to instantly create your animated GIFs by combining separated image files as frames. Produced GIFs are of high quality and free of watermarks or attribution, making this tool ideal for developers and content creators. This website also offers a number of GIF editing tools including animated WebP, APNG and AVIF files.
Poline
Poline is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
UIverse
Universe of UI elements made with CSS & HTML, ready to be used in your project. All code is open-source and free for personal or commercial use.
Untitled UI Icons for Figma
Untitled UI Icons are a clean, consistent, and neutral icon library with over 1,100 icons crafted specifically for modern UI design. Made for Figma, in Figma.
Haikei SVG Pattern Generator
Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
Button Buddy
Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Web Design Museum
Web Design Museum exhibits over 2,000 carefully selected and sorted web sites that show web design trends between the years 1991 and 2006.
Cameron's World
Cameron's World is a web-collage of text and images excavated from the buried neighbourhoods of archived GeoCities pages (1994–2009). Best experienced for yourself.
Landin' Page
Daily landing page inspirations. Build your best landing page with these hand-picked examples, learn from the pros.
Font Flipper
Preview 800+ Google Fonts on top of your own designs, without having to download the fonts.
Font of the Month Club
Font of the Month Club sends you a fresh new font every single month! Fonts of the month include distinctive display faces, experimental designs, and exclusive previews of my upcoming retail typeface families.
Future Fonts
Where type designers sell fonts in progress. High-quality fonts that are new to market and haven’t been overused.
Leon Sans
Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim. It allows you to change font weight dynamically and to create custom animations, effects or shapes in the Canvas element of HTML5.
Landing Page Checklist
Build your best landing page with 100+ hand-picked tools; landing page builders, growth tools, and booster resources.
Httpster
Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
Muzli Search
The web-wide search engine for design inspiration. Search by colour, keyword or even just style!
Pageflows
Screenlane is a website and newsletter that features the latest web and mobile design inspiration.
SaaS Landing Pages
Discover the best 610 landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.
The Component Gallery
A reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
Astrofox
Astrofox is a free, open-source motion graphics program that lets you turn your audio into custom, shareable videos. Combine text, images, animations and effects to create stunning, unique visuals. Then generate high-definition videos to share with your fans on social media.
Design Vault
Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends and understand competitors and best practices.
Can't Unsee
Can't Unsee is a test of your attention to detail in UI design. Choose the "correct" version with an eye for pixel perfection. How high can you score?
BBC GEL
Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen.
Ethical Design Handbook
A practical handbook on ethical design for digital products. With practical techniques to make honest interfaces work for digital products.
Fontshare
Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use.
Checklist Design
A collection of the best design practices compiled in to handy checklists.
Doodad Pattern Generator
Use this tool to create unique, seamless, royalty-free patterns. Choose a base style, then customize with colors, filters, and transforms.
Khushmeen Illustrations
Over 100 free illustrations in various styles. Free for commercial use.
Orbit Travel Design System
Open source design system for your next travel project by Kiwi.com.
Phosphor Icons
Phosphor is a flexible icon family for interfaces, diagrams, presentations and more.
PixelTrue Free Illustrations
Free illustrations and animations. Free for personal and commercial use.
Skribbl Illustrations
A growing collection of free, hand-drawn illustrations brought to you by a global community of aspiring creatives. You can use our free illustrations for any purpose, without attribution. Enjoy!
The Good Line Height
Have you ever needed to create a type scale following an 8 point baseline grid, or really any grid, and had to spend extra time figuring out what should be the right line-height for every text size in the scale? No worries! The good line-height calculates the exact number so it always fits the baseline grid!