Skip to content

Instantly share code, notes, and snippets.

@deanrad

deanrad/UXTiming.js

Last active November 5, 2021 14:47
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save deanrad/850cdc881bf7af87695b2a8a09635c1a to your computer and use it in GitHub Desktop.
Save deanrad/850cdc881bf7af87695b2a8a09635c1a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
UXTiming.js
// See https://dev.to/deanius/the-thresholds-of-perception-in-ux-435g
export const DURATION = {
Frame: 16,
Frame60: 16,
Frame90: 11,
Unison: 10,
Chorus: 25,
MovieFrame: 42,
Echo: 100,
Blink: 150,
TypingKey90: 150,
AnimationShort: 200,
TypingKey48: 250,
Debounce: 330,
TypingKeyMobile: 330,
AnimationLong: 400,
EDMBeat: 500,
Thought: 1000,
PageLoadMax: 2000,
DeepBreath: 4000,
Sentence: 6000,
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment