MR

Minhazur Rahman Ratul

@developeratul

Creator and Maintainer of this platform 👑

Approved Resources

175

Featured resources

14

Approved Resources

Featured

Refactoring UI

Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

Featured

ColorHunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

Featured

LogoWik

Download Free Vector Brand Logos

Featured

MagicPattern

Create Pro Visuals with MagicPattern. Generate SVG/CSS patterns, gradients and organic shapes to brand your product and social media posts.

Featured

The Design System Guide

Set Up a Design System. Guide, Resources, Useful Tools, Checklists

Featured

illustrations universe

Get inspiration from world's best illustrations.

Featured

Pexels

Free Stock Photos, Royalty Free Stock Images & Copyright Free Pictures · Pexels

Featured

WebGradients 💎

Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.

Featured

Readability Test - WebFX

WebFX Readability Test Tool tests your work and gives a score using standard readability indicators like Flesch Kincaid Reading Ease, SMOG Index, and more.

Featured

Fontshare

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.

Featured

Curated web design

Unleash your creativity with out-of-this-world web design inspiration from across the web.

Featured

Tabler Icons

Tabler Icons: 5219 free and open source SVG icons. Customizable size, color and stroke width. Packages for React, SolidJS, Vue, Figma, Svelte and others are available. Icons can be downloaded as PNG, Webfont, PDF or EPS files. All for free!

Featured

Realtime Colors

Visualize your color palettes on a real website.

Featured

Uxcel

Discover the best way to learn UX design with Uxcel's guided, bite-sized courses. Improve your skills in just 5 minutes per day for any role & level.

3dicons

1440+ beautifully crafted open-source 3D icons. You can use completely free and without attribution for personal or commercial project

Iconbuddy

Iconbuddy is a search engine that allows you to search, download, customize, and edit over 200,000 open source svg icons for free.

DEVICON

Devicon aims to gather all logos representing development languages and tools in one font. 🚀

Coolors

Generate or browse beautiful color combinations for your designs.

Color Palette Generator

Search, discover, test and create beautiful color palettes for your projects

ColorHub

ColorHub | Find the perfect color palette for your next project

Flat UI Color PIcker

Flatuicolorpicker gives you the perfect colors for Flat Design

Gradient Style Library (880+ gradients)

More than 800 ready-made to-use gradient styles. It's a small gradient library. All gradients are divided into one primary color. There are 13 base colors + light & dark.

Tailwind CSS color Palette Generator

A fast and flexible, HSL-tweakable palette generator and API for Tailwind CSS

MagicPattern Mesh Gradients Generator

Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.

Chakra UI Color palette generator

Quickly generate custom color palettes for Chakra UI.

10000+ Themes for shadcn-ui

Explore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!

AppShots

Elevate your designs with UX research. Discover a curated selection of must-have iOS and Android apps on Appshots' 70k+ screenshots. Join us today!

Adobe Fonts

Adobe Fonts partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and you can use fonts from Adobe Fonts on the web or in desktop applications.

Google Fonts

Making the web more beautiful, fast, and open through great typography

Free Faces

This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.

UI Garage

Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project.

UNCUT.wtf

Download somewhat contemporary fonts, free for commercial use

App Motion

Explore the best, hand-picked mobile app motion design

Fontpair

Free typography for your next design project (Google Fonts, Fontshare, Fontesk, Font Squirrel, and more)

Popsy

The biggest free Notion illustration set. Premium hand-drawn Notion illustrations for landing page, personal website, ecommerce, creators, youtubers, influencers, Notion template creators, business, finance, travel, fitness, gaming, media. Public domain & free to use anywhere.

unDraw

The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

Highlights - Hand-Drawn Illustration

Highlights is an open-source hand-drawn illustration library created by Outdraw Design to help everyone tell their story. The library contains over 100 vector shapes ready to use by all creatives in their work: websites, apps, videos, illustrations, and many more.

Ultima

Large free bundle of 30 packs filled with 750+ illustrations in a variety of styles, topics, and eternal areas of use will be suitable for any design.

DrawKit

Free and premium vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, icons, 3D illustrations, animation, mockups, Figma plugins and more.

Absurd Design

Download surrealist illustrations. Use free vector art for your landing pages, presentations and apps. These artworks combine the absurdity and childishness.

ManyPixels Illustrations

Discover a diverse range of stunning illustrations at ManyPixels Design Gallery. Power up your designs with visual brilliance!

Free Vector Illustrations and Clipart Images

Explore a beautiful library of royalty-free clipart illustrations in PNG, SVG formats. Free vector, 3d, animated illustrations for commercial use.

Humaaans

Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.

Blush

Blush makes it easy to add free illustrations to your designs. Play with fully customizable graphics made by artists across the globe.

Navbar Gallery

Navbar Gallery is a collection of the best navbar designs on the internet. Find the ideal navigation style for your design project from our hand-picked collection.

WeTransfer

WeTransfer - Send Large Files & Share Photos Online - Up to 2GB Free

Rive

Complex designer-developer handoff is a thing of the past. Build functional graphics with motion and interactivity that run in products, apps, sites, and games.

Spline

Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.

Sizey

Aspect ratio calculator.

Microcopy

Search micro UX copy text: slogans, headlines, notifications, CTA, error messages, email, account preferences, and much more.

Shots

Create Amazing Mockups

Saaspo

A curated collection of the best SaaS websites on the web.

Design Systems

A design systems publication by Figma

Design Systems For Figma

A collection of Design Systems for Figma from all over the globe.

Archetype

Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts.

Pegasus Product Design

A UX tested Design System library for digital makers for Figma

Sections

Discover Sections, a comprehensive collection of meticulously designed UI elements and pre-built layouts. Elevate your SaaS landing page creation process in Framer with ease, regardless of its complexity.

Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

UI8

8,926 curated design resources to speed up your creative workflow.

ArtList

Get the highest quality assets created by top industry artists.

Shader Gradient

Create beautiful moving gradients on Framer, Figma and React

Noun Project

Noun Project has the most diverse collection of free icons and stock photos. Download SVG and PNG. Over 5 million art-quality icons and free photos.

Durves

A tool for creating and exporting dot patterns for graphic designers, UI/UX, and other visual professionals.

Items.Design

Hundreds of AI generated assets, with Midjourney prompts included. Free to use however you want, perfect for websites, mobile apps or slide decks.

Freepik

Millions of free graphic resources. ✓ Photos ✓ AI images ✓ Vectors ✓ Icons ✓ Templates ✓ Videos. Find out about our real-time AI art generator.

Shipfaster UI

The leading Figma Design System & UI Kit. Drastically improve your workflow with Shipfaster UI.

Untitled UI

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

Stark

The suite of integrated accessibility tools

A11y Coffee

The introduction on web accessibility that I want to give every single web developer.

Testing Accessibility

Learn how to build and test accessible web applications with Marcy Sutton.

A11Y Project

The A11Y Project is a community-driven effort to make digital accessibility easier.

HTML5 accessibility

ally.js

PostHog

PostHog is the all-in-one platform for building better products - with product analytics, feature flags, session recordings, a/b testing, heatmaps, and more.

Umami

Umami makes it easy to collect, analyze, and understand your web data — while maintaining visitor privacy and data ownership.

Plausible

Plausible is a lightweight and open-source Google Analytics alternative. Your website data is 100% yours and the privacy of your visitors is respected.

Simple Analytics

Simple Analytics is the privacy-first Google Analytics alternative that is 100% GDPR compliant. Give us a try!

Swetrix

Swetrix is a cookieless, privacy-first and GDPR-compliant Google Analytics alternative

Hugeicons Pro

World’s Most Beautiful Icon Library. With 27,000+ Icons, It Serves as Both a React Icons Library and a Figma Icon Library.

Snappify

A powerful design tool to animate your code snippets in various ways.

Iconly Pro

A collection of 32,000+ icons.

Teach me Design - Enhance UI

Learn design as a developer through Enhance UI book Teach Me Design. This book covers how to to make great looking user interfaces and experience with UI/UX fundamentals.

Shift Nudge

Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background. Perfect for those wanting to enter or advance in the field.

Sketch

Sketch is the all-in-one platform for digital design — with collaborative design tools, prototyping and developer handoff. Get started for free.

Figma

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

Cobalt

cobalt is your go-to place for downloads from social and media platforms. zero ads, trackers, or other creepy bullshit. simply paste a share link and you're ready to rock!

Animista

Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.

Framer Motion

An open source, production-ready motion library for React on the web.

Framer

Framer is where teams design and publish stunning sites.

BrowserStack

Instant access to 3000+ browsers and real iOS and Android devices for cross browser testing. Ship apps and websites that work for everyone, every time. Get Free Trial.

Browserling

Try for free now! Cross browser test your websites online in all web browsers – Internet Explorer, Edge, Chrome, Safari, Firefox, and Opera.

Brave

The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software.

Arc

Experience a calmer, more personal internet in this browser designed for you. Let go of the clicks, the clutter, the distractions with the Arc browser.

Microsoft Edge

Get the most out of your browsing experience with Microsoft Edge, a fast and secure browser with world class performance, built-in privacy, and more.

Wappalyzer

Find out the technology stack of any website. Create lists of websites and contacts by the technologies they use.

Web Developer Checklist

Analyses any web page for violations of best practices.

WhatFont

The easiest way to identify fonts on web pages.

Tailanimista

Configurable custom animation utilities generator for Tailwind CSS.

Aceternity UI

Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.

Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Tailwind Master Kit

Get professionally designed, handcrafted components in HTML, React for your web based application.

AI Roadmap Generator

Generate your roadmaps with AI.

tldraw

A free and instant collaborative whiteboarding tool.

Polywork Linkedin

Convert your LinkedIn profile into a beautiful personal website in seconds with AI. Simply use your email to get started.

Webflow

Create custom, responsive websites with the power of code — visually. Design and build your site with a flexible CMS and top-tier hosting. Try Webflow for free.

Typ.io

Be better at typography.

TypeType

Browse commercial fonts: buy fonts online for use in web, desktop and applications. Find thoroughly tested and perfectly optimized typefaces at TypeType.

Scribbles

Add personality to your designs with this free collection of unique and playful SVG scribbles.

iconmonstr

Free simple icons for your next project

Ingradients

Hand-picked mesh gradients for your next design project.

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Color Designer

From Inspiration to Creation: Ignite Your Design Journey with Color Designer.

Happy Hues

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

Logobook

Discover the world's finest logos, symbols and trademarks

Logggos

Logggos is a catalog of well-designed logos. Discover inspiring logos sorted by industries, themes, typography style, branding color and more.

Logo System

The biggest logo design library for designer. Explore over 400 logo design on Logo System.

Email Love

Curated Email Inspiration & Content Ideas

The Brand Styleguide Showcase

Welcome to the brand design guidelines documents directory. Search over our worldwide style assets handpicked collection, access to PDF documents for inspiration.

Rebrand

Rebrand is a collection of the best new design systems, visual identity introductions and rebrand videos. We curate breathtaking videos that capture new brand identities.

Bento

Create a beautiful personal page to show your audience everything you are and create - in one link.

Canny

Canny helps you collect and organize feature requests to better understand customer needs and prioritize your roadmap.

Resend . Handbook

The process behind Resend. Complete company strategy.

Prettyfolio

Find inspiration for your portfolio website.

LivePortrait

Make one portrait alive!

MeshGradients

Create and Edit mesh gradients.

Butterick’s Practical Typography

Learn everything you need to know about the usage of Typography in your design in the most effective way. In short, understand the typography game!

Bento Grids

BentoGrids is a curated collection of bento designs for your inspiration.

Shadcn UI Customizer

Customize Shadcn UI to match your style. Choose colors, adjust themes, and copy the generated CSS.

PortfoliosHub

Find the best portfolios and showcase your work.

SmallPDF

Sign PDFs effortlessly for free (No registration required)

CleanSnap

CleanSnap is a free AI Images maker. Create a beautiful image from a screenshot in seconds. Without any watermark.

Copy.ai

Introducing the first-ever GTM AI platform. Automate hundreds of tedious, repetitive tasks and empower your team to scale success like never before.

Ant Design

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises

Mantine UI

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

Chakra UI

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

Ideogram

Ideogram is a free-to-use AI tool that generates realistic images, posters, logos, and more.

Motion-Primitives

Motion-Primitives, a collection of open-source, customizable motion components built with Framer Motion and Tailwind CSS. Perfect for enhancing your web projects with beautiful, smooth animations.

TinyWow

We offer PDF, video, image and other online tools to make your life easier.

KeyCDN Tools

Troubleshoot website, network, and CDN issues for fast resolutions.

LambdaTest Tools

A collection of free online tools, utilities, and libraries that will help developers, testers, designers, in their day to day tasks. From HTML, XML, and JSON formater and converters, to robust test data generators we have all.

Uiverse

Community-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & customizing UI components for your next project.

WAVE Web Accessibility Evaluation Tools

WAVE is a popular website accessibility checker that you can use by entering the URL on their website or downloading a Firefox or Microsoft Edge extension. It adds a visual overlay of error icons with detailed information and recommendations about the accessibility issues detected.

Svgl

A beautiful library with SVG logos.

React-Symbols

Beautifully File & Folder Icons for your React projects. Crafted by Miguel Solorio.

Logoipsum

Logoipsum offers free, SVG placeholder logos in a variety of styles for use in design projects and mockups. Easily copy or download logos for your design.

Vision - Apple

Like other screen readers, VoiceOver describes everything happening on your device's screen by speaking the text from documents and windows. You can easily navigate it through a touchscreen, trackpad, or keyboard.

axe DevTools

Just as an axe is lightweight and fast-swinging, helping to split, and pierce, so is the axe Devtools Chrome extension that lets you cut out your accessibility defects accurately and effectively.

Runway

Generate AI videos

Able

The Able plugin allows you to check the color contrast ratio. It can analyze the color contrast between any two colors you select, give you a preview of how they would look with different contrast, and simulate what those colors will look like to people with color vision deficiencies.

Cult UI

Shadcn templates & components that you can copy and paste into react apps. Customizable. Open Source. Typed.

Fancy Components

Ready to use, fancy React components to make the web fun again. Free & Open Source.

Balsamiq

Wireframe without the friction. Balsamiq is the fast, low-fidelity wireframing tool for product, tech, and business minds. Sketch, test, refine your UI—fast.

Magic UI

Beautiful UI components and templates to make your landing page look stunning.

React Bits

An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.

Uizard

UI design for apps, websites, and desktop software in minutes. If you can use Google Slides or PowerPoint, you can use Uizard!

Indie Page

Everything you build, your apps, your revenue, in one simple link in bio. Linktree for entrepreneurs. Create your Indie Page for free!

Sprrrint

Discover the best free Framer and Figma components and templates and UI design tools at Sprrrint. Streamline your design process with our curated library of top-notch Figma resources.

The best Framer sites: Framer

Be inspired by the most creative websites on the internet. Submit your own for a chance to win our monthly site awards.

21st.dev

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.

Background Supply

Browse our collection of breath-taking AI generated backgrounds, download in glorious 6K and access the Midjourney prompt used to create them.

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.

Photo Gradient

Generate gradients from photos instantly.

Dark Mode Design

Dark Mode Design is a showcase of beautifully designed and inspiring dark mode websites. Dim the lights, lower your screen brightness, and enjoy.

Awwwards

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

UI Sources

Get real design inspiration from the world's best designed apps. Analyze flows & interactions and get new insights.

Dark

The best hand-picked dark themed websites on the internet. From designers for designers. Curated with love.

Minimal Gallery

For the love of beautiful, clean and functional websites.

SaaS Landing Page

SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design project.

Refero

The biggest collection of design references from great web applications

Footer

Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.

Lucide Icons

Beautiful & consistent icon toolkit made by the community.

Pikaicons

Explore Pikaicons for premium icons, ideal for designers and developers. Our unique library features the latest icons in web3, crypto, and AI, updated regularly to enhance your creative projects.

Craftwork icons

Simply copy any icon to your Figma or download the whole set of vector icons in 17 popular categories in a universal minimalist style.

Radix Icons

A crisp set of 15×15 icons designed by the WorkOS team.

Untitled UI Icons

Untitled UI Icons are a beautiful, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma. Explore 4,600+ icons and growing!