Skip to content
dotbot is a simple library that let's you create a randomised, dotted background-pattern on any given element on your website.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.DS_Store
.gitattributes
.gitignore
LICENSE
README.md
config.codekit3
dotbot-min.js
dotbot.js
example.png
index.html
package.json

README.md

dotbot

dotbot is a simple library that let's you create a randomised, dotted background-pattern on any given element on your website.

Example

Example

To initiate dotbot. simply include the library and call the dot function like so: https://cdn.jsdelivr.net/npm/dotbot@1.0.0/dotbot.min.js

var myDots = new dotbot({
  selectorId: "dotbot-selector-id"
)};

Options

You can define almost every aspect of layout:

var myDots = new dotbot({
  selectorId: "dotbot-selector-id",
  parentPosition: "relative",
  colors: [
     "blue",
     "rgb(126, 211, 33)",
     "#f06d06"
  ],
  sizeMin: 3,
  sizeMax: 80,
  dots: 35,
  radius: 0,
  opacity: 0.1,
  zIndex: -1
});
You can’t perform that action at this time.