identicon.js - GitHub-style identicons as PNGs or SVGs in JS

  •        40

GitHub-style identicons as PNGs or SVGs in JS. This little library will produce the same shape and (nearly) the same color as GitHub when given the same hash value. Supports PNG and SVG output formats. Note that GitHub uses an internal database identifier for the hash, so you can't simply md5 the username and get the same result. The creative visual design is borrowed from Jason Long of Git and GitHub fame.

https://github.com/stewartlord/identicon.js

Tags
Implementation
License
Platform

   




Related Projects

Identicon - Generate awesome and unique identicons with beautiful colors

  •    PHP

Identicon is a library which generate an identicon image based on a string. The recommended way to install Identicon is through composer.

ruby_identicon - A Ruby gem for creating Github like identicons

  •    Ruby

RubyIdenticon creates an identicon, similar to those created by Github. A title and key are used by siphash to calculate a hash value that is then used to create a visual identicon representation. The identicon is made by creating a left hand side pixel representation of each bit in the hash value - this is then mirrored onto the right hand side to create an image that we see as a shape. The grid and square sizes can be varied to create identicons of differing size.

sigil - Identicon generator

  •    Go

Sigil is a deterministic identicon generator. Sigil creates a recognizable* identicon for each user that can be consistently used across many sites when a user-uploaded avatar or Gravatar is unavailable or unwanted. Sigils can be generated by any app or service using this application or other implementation of the Sigil protocol. Sites can also use Sigil generation services.

PHP Identicons

  •    PHP

A lightweight PHP implementation of Don Park's original identicon code for visual representation of MD5 hash values. The program uses the standard PHP GD library for image processing.

jslib-base - 最好用的JS库脚手架,只为更好的JS生态,让开发一个JS库更简单,更专业

  •    Javascript

最好用的JS库脚手架,只为更好的JS生态,让开发一个JS库更简单,更专业


cocos2d-js - cocos2d-x for JS

  •    C++

Cocos2d-JS is Cocos2d-x engine's JavaScript version that includes Cocos2d-html5 and Cocos2d-x JavaScript Bindings. It equips your game with cross-browser and cross-platform abilities, accompanied by full Cocos2d-x features and simplified JavaScript friendly APIs.Cocos2d-JS reinvented workflows for all platforms in v3.0, it provides a consistent development experience for whichever platform you want to distribute to, no matter web and native. "Code once, run everywhere" is incredibly easy and natural in Cocos2d-JS. With one single JavaScript code base, you can run your game on all web browsers and native platforms including Mac OS, Windows, iOS and Android. This will bring your game great opportunities in almost all channels of distribution. On the other hand, if you are only interested in casual games on the web, you can embed directly in your web page the Cocos2d-JS Lite Version which is extremely easy to use and light as a feather.

office-ui-fabric-js - JavaScript components for building experiences for Office and Office 365.

  •    CSS

Fabric JS is a JavaScript front-end framework which provides visuals-focused components to extend, re-work and use in your Office and Office 365 experiences. Fabric JS uses styles from the Office UI Fabric Core project. Fabric JS is a collection of responsive, mobile-first styles and tools designed to make it quick and simple for you to create web experiences using the Office Design Language.Latest version: Fabric JS 1.4.0, which uses Fabric Core 5.0.1.

mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

  •    Javascript

Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using WebGL.Mapbox GL JS is part of the cross-platform Mapbox GL ecosystem, which also includes compatible native SDKs for applications on Android, iOS, macOS, Qt, and React Native. Mapbox provides building blocks to add location features like maps, search, and navigation into any experience you create. To get started with GL JS or any of our other building blocks, sign up for a Mapbox account.

js-data-angular - Angular wrapper for js-data

  •    Javascript

Angular wrapper for js-data.Angular-data is deprecated. js-data + js-data-angular is the new hotness.

node.inflection - A port of inflection-js to node.js module

  •    Javascript

inflection-js is a port of the functionality from Ruby on Rails' Active Support Inflection classes into Javascript. inflection is a port of inflection-js to node.js npm package. Instead of extending JavaScript native String object like inflection-js does, inflection separate the methods to a independent package to avoid unexpected behaviors. Note: This library uses Wiktionary as its reference.

jsbindings - JavaScript bindings for Objective-C and C

  •    Objective-C

JavaScript Bindings for C / Objective-C (JSB) is the "glue" code (or wrapper code) that sits between native code (C or Objective-C) and JavaScript (JS) code. JSB allows calling native code from JS and vice-versa. That means that you can interact with your favorite native library from JS. As an example, you could create a cocos2d particle system in JS, while its logic and rendering will be executed natively. Or you could create a Chipmunk Physics world in JS, while the whole physics simulation, including the collisions detections, would run natively.

draft-wysiwyg - Draft-JS experiments with drag&drop, resizing, tooltips, WIP

  •    Javascript

A wysiwyg editor that mimics medium, build on top of https://github.com/facebook/draft-js and https://github.com/draft-js-plugins/draft-js-plugins. All the relevant behaviour comes from plugins, so this may serve as an example of using the plugin architecture and the different plugins. You can also install and use draft-wysiwyg right away.

azure-activedirectory-library-for-js

  •    Javascript

Active Directory Authentication Library for JavaScript (ADAL JS) helps you to use Azure AD for handling authentication in your single page applications. This library works with both plain JS as well as AngularJS applications. You can learn in detail about ADAL JS installation and usage documented in the ADAL Basics Wiki.

twitter-cldr-js - JavaScript implementation of the ICU (International Components for Unicode) that uses the Common Locale Data Repository to format dates, plurals, and more

  •    Javascript

TwitterCldr uses Unicode's Common Locale Data Repository (CLDR) to format certain types of text into their localized equivalents via the Rails asset pipeline. It is a port of twitter-cldr-rb, a Ruby gem that uses the same CLDR data. Originally, this project was not a gem, but a collection of JavaScript files. It has been turned into a gem to move the JavaScript compiling routines from twitter-cldr-rb and provide support for the asset pipeline.If you're not using bundler, run gem install twitter_cldr_js and then require twitter_cldr/js somewhere in your project. Note that twitter-cldr-js isn't really designed to run outside of Rails. If you need the JavaScript functionality it provides but aren't using Rails, consider copying the compiled JavaScript files (lib/assets/javascripts/twitter_cldr/*.js) into your project by hand instead of using this gem directly.

js-buy-sdk - The JS Buy SDK is a lightweight library that allows you to build ecommerce into any website

  •    Javascript

Note: This is the README for the current stable v0.x version. v1 of JS Buy SDK is under development in the v1.0alpha branch. See the README for more details.The JS Buy SDK is a lightweight library that allows you to build ecommerce into any website. It's based on Shopify's JSON API and provides the ability to retrieve products and collections from your shop, add products to a cart, and checkout.

p5 - JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing

  •    Javascript

p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

moment - Parse, validate, manipulate, and display dates in javascript.

  •    Javascript

A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.Moment 2.10.0 does not bring any new features, but the code is now written in ECMAScript 6 modules and placed inside src/. Previously moment.js, locale/*.js and test/moment/*.js, test/locale/*.js contained the source of the project. Now the source is in src/, temporary build (ECMAScript 5) files are placed under build/umd/ (for running tests during development), and the moment.js and locale/*.js files are updated only on release.

sublime-js-snippets - Snippets for JavaScript / JS Programming in Sublime Text 2 & 3

  •    

JavaScript / JS snippets for your Sublime Text 2 / 3 Fu.Install via package control: http://wbond.net/sublime_packages/community Search for JavaScript Snippets or typically the keywords js or javascript are suitable. You can install manually be cloning into your Sublime package directory.

p5.js-sound - p5.sound brings the Processing approach to Web Audio and p5.js. Demos:

  •    Javascript

p5.sound brings the Processing approach to Web Audio as an addon for p5.js. Functionality includes audio input, playback, manipulation, effects, recording, sequencing, analysis and synthesis. The library is designed to be used in tandem with p5.js.This version of the library is updated most frequently. A stable version comes with p5.js. Here's the Change Log.