Resources Library

AI prompts for animated websites

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

Lots of buttons with interaction variances (all CSS)

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

Take-home tasks for interviews

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

Progressive scroll tricks with CSS

What UI density means and how to design for it

A beautiful colour palette creation tool

3D visualiser

Simple design tools

Describe a thing and get the actual name

Create interactive terminal interfaces with TypeScript

Create stunning gradients and export to image or code

A good place to quickly create maps

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

Components for Ai UIs

Orbs to use in Ai UIs

Components for Ai UIs

Ready to use UI transitions

An open source library of tasteful html-in-canvas & WebGL components

CSS text effects

Dithered charts that are cheap for CPUs/GPUs

Interaction sounds for UIs!

A really nice collection of little experiments in code

Free CSS elements

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

Avatar generation

Figma resources

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