Resources Library

A growing collection of websites, articles, fonts, tools, and other resources I use.

187 resources, refreshed daily from Notion.

motionsites

📂 Inspiration Galleries
AIGallery
motionsites.ai

React Bits

📂 Inspiration Galleries
CodePrototypingAssets
reactbits.dev/components

Design Spells

📂 Inspiration Galleries
GalleryUI
www.designspells.com

Loops Email Examples

📂 Inspiration Galleries
UXGallery
loops.so/examples

Tiny Mighty Buttons

📂 Inspiration Galleries
GalleryAssets
tiny-mighty-buttons.webflow.io

the component gallery

📂 Inspiration Galleries
GalleryDesign SystemUXUI
component.gallery

betwnstudios Design Directory

📂 Inspiration Galleries
GalleryUI
www.betwnstudios.com/directory

abtest.design

📂 Inspiration Galleries
GalleryUX ResearchUX
abtest.design

PageCollective

📂 Inspiration Galleries
GalleryUXUI
pagecollective.com

Landbook

📂 Inspiration Galleries
GalleryUXUI
land-book.com

Microcopy

📂 Inspiration Galleries
GalleryUXUI
www.microcopy.me

App Fuel

📂 Inspiration Galleries
GalleryUIUX
www.theappfuel.com

GSAP Showcase

📂 Inspiration Galleries
GalleryUI
gsap.com/showcase

Khagwal Interactions

📂 Inspiration Galleries
GalleryUI
khagwal.com/interactions

Framer Markertplace

📂 Inspiration Galleries
GalleryUI
www.framer.com/marketplace

60fps

📂 Inspiration Galleries
GalleryUIUX
60fps.design

Good UX Websites

📂 Inspiration Galleries
GalleryUX
app.notion.com/p/7fec3694709b4797bc0a750d37470e17

Good UI Websites

📂 Inspiration Galleries
GalleryUI
app.notion.com/p/1c30c02f45b944b1afcb94b8c6ab8eca

Viewport

📂 Inspiration Galleries
GalleryUI
viewport-ui.design

Seamless Backgrounds on Mobile Safari

📖 Articles
CodeUI
joshpuckett.me/seamless-mobile-safari

AIGA Position on Spec Work

📖 Articles
Misc
www.aiga.org/resources/aiga-position-on-spec-work

Our interfaces have lost their senses

📖 Articles
UIUX
wattenberger.com/thoughts/our-interfaces-have-lost-their-senses

Covid: Man offered vaccine after error lists him as 6.2cm tall

📖 Articles
UX Research
www.bbc.co.uk/news/uk-england-merseyside-56111209

The Line of Death

📖 Articles
AccessibilityMiscUI
textslashplain.com/2017/01/14/the-line-of-death

The psychology of waiting, loading animations

📖 Articles
UX ResearchUX
blog.mercury.io/the-psychology-of-waiting-loading-animations-and-facebook

You can scroll things

📖 Articles
CodeUI
craftofui.substack.com/p/you-can-scroll-things

CSS Filters - Guide

📖 Articles
CodeUI
css-tricks.com/solved-with-css-colorizing-svg-backgrounds

Easing Linear Gradients

📖 Articles
ColourUI
css-tricks.com/easing-linear-gradients

How to sync Google Fonts on a Mac

📖 Articles
FontsAssets
gist.github.com/davidofwatkins/338b01516ea24aafa05ac6d427dce782

UI Density

📖 Articles
UXUI
matthewstrom.com/writing/ui-density

Roboto versions

📖 Articles
FontsAssets
publicobject.com/2014/06/26/roboto-old-and-new

Optimal number of response categories in rating scales (7)

📖 Articles
UX Research
www.sciencedirect.com/science/article/abs/pii/S0001691899000505

Comprehensive Anatomy of All ‘Design Thinking’ Workshops

📖 Articles
UX Research
uxdesign.cc/comprehensive-anatomy-of-all-ux-design-thinking-workshops-c416706cd3e2

Backdrop Filter (Glass)

📖 Articles
Code
developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter

Google Font Pairings

📖 Articles
Fonts
boodaloo.tumblr.com/fonts

Privacy Guides

📖 Articles
Privacy
www.privacyguides.org/en

W3 Contrast of text

📖 Articles
Accessibility
www.w3.org/WAI/GL/WCAG3/2021/how-tos/visual-contrast-of-text

Orange You Accessible? A Mini Case Study on Color Ratio

📖 Articles
Accessibility
www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio

Day-0 Calls: Avoid UX-Workshop Disasters by Aligning on the Basics in Advance

📖 Articles
UX
www.nngroup.com/articles/day-0-calls

Why You Only Need to Test with 5 Users

📖 Articles
UX Research
www.nngroup.com/articles/why-you-only-need-to-test-with-5-users

JDENTICON

🔧 Software & Tools
AssetsCodeIcons
jdenticon.com

designflow

🔧 Software & Tools
UIPrototypingCode
designflow.cc

Agentation

🔧 Software & Tools
AI
www.agentation.com

Poline

🔧 Software & Tools
Colour
meodai.github.io/poline

ANA MALAI / LAB

🔧 Software & Tools
AssetsMisc
www.anainsomnia.com/lab

Riotters

🔧 Software & Tools
UIMisc
valessa.riotters.com

ShapeFactory

🔧 Software & Tools
ColourUI
shapefactory.co

name that ui

🔧 Software & Tools
UIUX
namethatui.com

OpenTUI

🔧 Software & Tools
Code
opentui.com

GRADIENTOOL

🔧 Software & Tools
AssetsColour
www.gradientool.com

Gradient Builder

🔧 Software & Tools
UIColourCodeAssets
feralui.dev/gradients

Canvas (Strwb)

🔧 Software & Tools
Management
canvas.strwb.com

What the Hex?

🔧 Software & Tools
Colour
yizzle.com/whatthehex

shots.so

🔧 Software & Tools
PrototypingAssetsUI
shots.so

Tanaguru Contrast Finder

🔧 Software & Tools
AccessibilityColourUI
contrast-finder.tanaguru.com

OpenType Feature Freezer

🔧 Software & Tools
FontsUI
twardoch.github.io/fonttools-opentype-feature-freezer

Realtime Colors

🔧 Software & Tools
ColourPrototypingUI
www.realtimecolors.com

Fontjoy

🔧 Software & Tools
CodeUI
fontjoy.com

Coolors

🔧 Software & Tools
ColourUI
coolors.co

Make Tints and Shades

🔧 Software & Tools
ColourUI
maketintsandshades.com/#330072

Fluent UI Theme Designer

🔧 Software & Tools
ColourUI
fluentuipr.z22.web.core.windows.net/heads/master/theming-designer/index.html

tree.nathanfriend.com

🔧 Software & Tools
Misc
tree.nathanfriend.com

Numberflow

🔧 Software & Tools
AssetsCodeUI
number-flow.barvian.me/vanilla

OpenAI.fm

🔧 Software & Tools
Assets
www.openai.fm

Tally

🔧 Software & Tools
MiscManagement
tally.so

Grainient.

🔧 Software & Tools
UI
grainient.supply

Flexbox Labs

🔧 Software & Tools
Code
flexboxlabs.netlify.app

Apps.Deals

🔧 Software & Tools
Lists
www.apps.deals

Empty Line Remover

🔧 Software & Tools
Misc
www.textfixer.com/tools/empty-line-remover.php

Screen Sizes

🔧 Software & Tools
UXUI
screensizes.app

ToolFolio

🔧 Software & Tools
Lists
toolfolio.io

dom3d

🔧 Software & Tools
Code
github.com/OrionReed/dom3d

Kerntype

🔧 Software & Tools
Fonts
type.method.ac

Text for Proofing Fonts

🔧 Software & Tools
FontsUIUX
www.typography.com/blog/text-for-proofing-fonts

YayText Text Generator

🔧 Software & Tools
Misc
yaytext.com/sans-serif

HEX/RGB/HSL/CMYK Converter

🔧 Software & Tools
ColourUI
convertacolor.com

Grid Calculator

🔧 Software & Tools
UI
gridcalculator.dk

Origami Studio

🔧 Software & Tools
UIUXPrototyping
origami.design

Online graphing tool

🔧 Software & Tools
Misc
apps.automeris.io/wpd

TinEye (reverse image search)

🔧 Software & Tools
Misc
tineye.com

Goblin Tools

🔧 Software & Tools
Management
goblin.tools

UI Gradients

🔧 Software & Tools
ColourUI
uigradients.com

UI Colours

🔧 Software & Tools
ColourUI
uicolors.app/create

Pigment by ShapeFactory

🔧 Software & Tools
ColourUI
pigment.shapefactory.co

Calendly

🔧 Software & Tools
UX Research
calendly.com

AutoEq

🔧 Software & Tools
Sound
autoeq.app

Superscript Text Generator

🔧 Software & Tools
Misc
lingojam.com/SuperscriptGenerator

Ventoy

🔧 Software & Tools
Misc
www.ventoy.net/en/index.html

Forever Components

🖋️ Assets & Resources
UIAIAssets
forevercomponents.com

performative-ui

🖋️ Assets & Resources
UIAssets
performative-ui.cncl.co

Beautiful UI (Ai interfaces)

🖋️ Assets & Resources
AssetsCodeAI
www.beautifului.dev

Thinking Orbs

🖋️ Assets & Resources
AssetsCodeAI
orbs.jakubantalik.com

Ai CSS

🖋️ Assets & Resources
AssetsCodeMusic
www.aicss.dev

Liquid Metal FX

🖋️ Assets & Resources
AssetsCode
metal.jakubantalik.com

Transitions.dev

🖋️ Assets & Resources
AssetsCode
transitions.dev

Canvas UI

🖋️ Assets & Resources
Gallery
canvasui.dev

Amicro

🖋️ Assets & Resources
AssetsUI
amicro.vercel.app

Kinetics

🖋️ Assets & Resources
UIGallery
kinetics.colorion.co

CSS Text Effects - Colorion Tools

🖋️ Assets & Resources
UIGallery
text-effects.colorion.co

dither-kit

🖋️ Assets & Resources
CodeUI
www.tripwire.sh/dither-kit

cuelume

🖋️ Assets & Resources
SoundUXAssets
cuelume-site.pages.dev

OriginKit

🖋️ Assets & Resources
CodeAssetsUIPrototyping
www.originkit.dev

Arlan’s Vault

🖋️ Assets & Resources
CodeAssetsUIPrototypingMisc
www.arlan.me/vault

iOS Resolution

🖋️ Assets & Resources
Lists
www.ios-resolution.com

UIVerse

🖋️ Assets & Resources
GalleryCodeAssetsUI
uiverse.io

LDRS

🖋️ Assets & Resources
GalleryCodeAssetsUI
uiball.com/ldrs

FontShare

🖋️ Assets & Resources
FontsAssets
www.fontshare.com/pairs

Personas

🖋️ Assets & Resources
UX ResearchAssetsUX
personas.draftbit.com

Usable Google Fonts (Figma)

🖋️ Assets & Resources
FontsAssets
www.figma.com/design/lWrI14bRsS1axkjXRNG442/Usable-Google-Fonts?node-id=0-1&t=UnnyNNNRM4lWMr8X-1

Designer Lynx

🖋️ Assets & Resources
AssetsUI
www.designerlynx.io

Device Frame Mockups

🖋️ Assets & Resources
AssetsMisc
github.com/jamesjingyi/mockup-device-frames

Install Google Fonts on a Mac

🖋️ Assets & Resources
AssetsUI
github.com/google/fonts

macOS Cursors (another)

🖋️ Assets & Resources
Assets
mac-cursors.netlify.app

Animations - Tomáš Sebastián

🖋️ Assets & Resources
AssetsUIIcons
bento.me/tomassebastian

NN/g’s Free UX Templates and Guides

🖋️ Assets & Resources
UXUX Research
www.nngroup.com/articles/free-ux-templates

Glitch Scan Lines

🖋️ Assets & Resources
AssetsMisc
sesohq.sellfy.store/p/sesohq-glitch-scan-lines-freebie

macOS Cursors

🖋️ Assets & Resources
Assets
cursor.in

Google Fonts Icons

🖋️ Assets & Resources
IconsAssetsUI
fonts.google.com/icons

iconsax

🖋️ Assets & Resources
IconsAssetsUI
iconsax.io

Font Brief

🖋️ Assets & Resources
FontsAssets
www.fontbrief.com/fontbrief

bentogrids

🖋️ Assets & Resources
UI
bentogrids.com

no more boring stock

🖋️ Assets & Resources
Assets
www.lummi.ai

SVG Repo

🖋️ Assets & Resources
Assets
www.svgrepo.com

heroicons

🖋️ Assets & Resources
IconsAssetsUI
heroicons.com

Tabler Icons

🖋️ Assets & Resources
IconsAssetsUI
tablericons.com

Facebook Designer Tools and Resources Library

🖋️ Assets & Resources
Assets
design.facebook.com/toolsandresources

256 Free Font Collection

🖋️ Assets & Resources
Assets
app.notion.com/p/34f437e9defa4c7798af08bdef817a40

SVGL

🖋️ Assets & Resources
Assets
svgl.app

macOS App Icons

🖋️ Assets & Resources
Assets
macosicons.com

humaaans

🖋️ Assets & Resources
AssetsUI
www.humaaans.com

Untitled UI

💻 Design Systems
UICodeGallery
www.untitledui.com

Apple HIG

💻 Design Systems
Design SystemUIColour
developer.apple.com/design/human-interface-guidelines

M3 (Material Design)

💻 Design Systems
Design SystemUIColour
m3.material.io

M2 (Material Design)

💻 Design Systems
Design SystemUI
m2.material.io

daisyUI

💻 Design Systems
Design SystemUI
daisyui.com/components

Goldman Sachs Design

💻 Design Systems
Design SystemUI
design.gs.com/home

Shadcn/ui

💻 Design Systems
Design SystemUI
ui.shadcn.com

DRUIDS (Datadog Design System)

💻 Design Systems
Design SystemUI
druids.datadoghq.com

Mixpanel Design System

💻 Design Systems
Design SystemUI
design.mixpanel.com

Dropbox Brand Guidelines

💻 Design Systems
Design SystemUIColour
brand.dropbox.com

Radix

💻 Design Systems
Design SystemUI
www.radix-ui.com

NHS Accessibility Audit Checklist

☑️ Processes & Lists
Accessibility
nhsdigital.github.io/accessibility-checklist

DeepSWE

☑️ Processes & Lists
AI
deepswe.datacurve.ai

Laws of UX

☑️ Processes & Lists
UX
lawsofux.com

Checklist.design

☑️ Processes & Lists
UX
www.checklist.design/brand/logo

Template for Accessibility Evaluation Reports

☑️ Processes & Lists
Accessibility
www.w3.org/WAI/test-evaluate/report-template

Lexica Ultralegible

🔤 Fonts
FontsAssets
jacobxperez.github.io/lexica-ultralegible

Atkinson Hyperlegible

🔤 Fonts
FontsAssets
fonts.google.com/specimen/Atkinson+Hyperlegible#about

Playwrite Österreich

🔤 Fonts
Assets
fonts.google.com/specimen/Playwrite+AT

Gamja Flower

🔤 Fonts
Assets
fonts.google.com/specimen/Gamja+Flower

Griun Ahyoung’s Handwrite

🔤 Fonts
Assets
www.freekoreanfont.com/griun-ahyoungs-handwrite-in-2019-download

Mailto link generator

🔤 Fonts
Misc
mailtolinkgenerator.com

Hubot Sans

🔤 Fonts
FontsAssets
fonts.google.com/specimen/Hubot+Sans

Pixelcastle

🔤 Fonts
FontsAssets
fontesk.com/pixelcastle-font

Overused Grotesk

🔤 Fonts
FontsAssets
github.com/RandomMaerks/Overused-Grotesk

LT Superior

🔤 Fonts
FontsAssets
fontesk.com/lt-superior-typeface

Inter

🔤 Fonts
FontsAssets
rsms.me/inter

Open Sauce

🔤 Fonts
FontsAssets
github.com/marcologous/Open-Sauce-Fonts

Geist (Sans and Mono)

🔤 Fonts
FontsAssets
vercel.com/font

Liter

🔤 Fonts
FontsAssets
github.com/skugiz/liter

Roboto Flex

🔤 Fonts
FontsAssets
github.com/googlefonts/roboto-flex

trap*

🔤 Fonts
FontsAssets
herewemake.gumroad.com/l/trapfont

Tallica

🔤 Fonts
FontsAssets
fontesk.com/tallica-font

Thuru Brush

🔤 Fonts
FontsAssets
fontesk.com/thuru-brush-font

Sense Font

🔤 Fonts
FontsAssets
www.behance.net/gallery/197057685/Sense-Font

NYXERIN®

🔤 Fonts
FontsAssets
hyperdaze.gumroad.com/l/NYXERIN

Hyperwave

🔤 Fonts
FontsAssets
fontesk.com/hyperwave-font

Nohemi

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/NOHEMI9

Dragon

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/Dragon9

Morganite

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/jPYXU

Mango Grotesque

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/MangoGrotesque

Geizer

🔤 Fonts
FontsAssets
www.dafont.com/geizer.font

Hypik

🔤 Fonts
FontsAssets
www.dafont.com/hypik.font

Meshed Display

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/MeshedDisplay

Make Sans

🔤 Fonts
FontsAssets
herewemake.gumroad.com/l/makesans

Humane

🔤 Fonts
FontsAssets
rajputrajesh-448.gumroad.com/l/HUMANE

Boba Mono

🔤 Fonts
FontsAssets
www.dafont.com/boba-mono.font

Sk-Modernist

🔤 Fonts
FontsAssets
seankanedesign.gumroad.com/l/sk-modernist

2007.mobile

Others
Misc
2007.mobile

TheoryTab

Others
Music
www.hooktheory.com