Resources Library

AI prompts for animated websites

A nice selection of components with copy and paste prompts for agents

Examples of email copy from large companies

Lots of buttons with interaction variances (all CSS)

A curated collection of A/B test results from best-in-class apps

A great collection of app flows and screens

A collection of nice sites with nice animations

An endless collection of delightful details from best-in-class apps

Lots of examples of nice UIs

Take-home tasks for interviews

A beautiful article, really.

Security design vs. aesthetics — designing UI that separates trusted address bars from untrusted content

When loading, if you use a custom loading indicator, users think that app is slow — if you show a standard spinner, they blame their phone

Progressive scroll tricks with CSS

What UI density means and how to design for it

Open source library for generating identicons

Some beautiful visualisation tools

Simple design tools

Describe a thing and get the actual name

Create interactive terminal interfaces with TypeScript

Create really nice visuals quickly (no code export)

Create stunning gradients and export to image or code

Hex code guessing game

Mockup devices quickly and easily in a free interactive tool

Especially useful for finding the closest accessible colour to the one you have

Simulate colour schemes instantly

Font pairing made simple

Create colour palettes quickly, and find colours that match others

Create palettes and test accessibility for Fluent UI

Create nice trees

A lovely way to animate number transitions

Try the new text-to-speech model in the OpenAI API

Orbs to use in Ai UIs

Components for Ai UIs

Ready to use UI transitions

A curated library of premium micro-interactions and transition components.

A library of interface animations built on spring physics

CSS text effects

Interaction sounds for UIs!

Nice components, with customisation, and copy/paste prompts for agents

A really nice collection of little experiments in code

Display properties of every iOS/iPadOS/watchOS device ever

Free CSS elements

Free open source loaders

A good curated selection of free fonts (some not available on Google Fonts)

Avatar generation

A good collection of Tailwind UI components

A set of beautifully-designed, open source, accessible components

Benchmark to work out usefulness of different Ai models

(prev. Atkinson Hyperlegible Pro)

A good font for use when legibility is key

Very close to Apple’s ‘hello’ font

The original iPhone OS 1.0