awesome-quirks icon indicating copy to clipboard operation
awesome-quirks copied to clipboard

awesome-quirks

quirky (adjective) - having or characterized by peculiar or unexpected traits or aspects.

A list of projects aiming to add quirky effects to websites. Please contribute by adding entries any way you prefer (new issue, pull request, request to become a contributor...)

  • Animating URLs with Javascript and Emojis - upgrade your URL bar
  • augmented-ui – Cyberpunk-inspired UI shaping for any element
  • Cascade – Cascade is a live-coding parasite to CSS, turning CSS rules into sound
  • dimage.js – Never settle for two dimensions
  • NES.css – NES-style CSS Framwork
  • Glitch Effect – general implementation guide for Text / Images / SVG
  • quirky-ux – Inject a website with some glitter and character
  • Rough.js – Create graphics with a hand-drawn, sketchy, appearance
  • shiny – Shiny reflections for mobile websites
  • VHS text – VHS effect, not glitch
  • Wired Elements – A set of common UI elements with a hand-drawn, sketchy look
  • Wiv.js – A library for a more wiggly div
  • pet_cursor.js - a simple javascript file that turns your website's cursor into a cute animated pet! (for the desktop)