The Blinds documentation

Get up to full speed with Blinds in no time by going through the latest documentation.

Blinds quick-start guides for frameworks

If you work with a framework, or a CMS, check out the latest quick-start guides for your particular framework.

What about our other products?

From plugins and components, to entire layouts and starter kits. Discover all of our products designed to give you a great headstart.

Blinds in the news

Keep up to date with our products. Get unique insights into what they are, and how they can accelerate your business.

Or read our quick-start guide below >>

Install Blinds according to your setup

Activate dark mode in your website with Blinds - Use the CDN, or install via NPM package manager

Read installation docs

Install via NPM

Install Blinds via NPM to quickly add dark mode capability to your website written in modern frameworks like React, Vue, and Angular.

npm install --save blinds

Include via CDN

Include Blinds via CDN in your HTML as a quick set up script and easily modernize your website with a dark mode user interface.

<script src="https://cdn.jsdelivr.net/gh/Ikennaf1/blinds@latest/dist/blinds.min.js" defer></script>
+

Customize your dark mode exactly how you want

Go beyond the defaults. Get your hands dirty and make your dark mode complement the overall user interface of your website.

Read documentation
setBlindStyles({
    "body": {
        "background-color": "black",
        "color": "gray"
    },
    "div .container": {
        "background-color": "black",
        "color": "gray"
    },
    "input[type='text']": {
        "background-color": "black",
        "color": "gray"
    }
});

blindsInit();
  • Light weight
  • ·
  • Flexible
  • ·
  • Framework agnostic

Regardless of your framework, Blinds has got you covered. Switch up to the plug that lets you easily customize. Blinds is robust, yet quiet.

Make your dark mode icons unique

Skip the default icons. Get the freedom to use any markup, image, or SVG you want for your toggle icons.

Read documentation
setBlindsIcons({
  "normal": "<button>Normal</button>",
  "dark": "<button>Dark</button>"
});

blindsInit();;

Blinds is coming soon in your favorite CMS

Blinds will become availble starting with WordPress, drupal, and shopify.
We are making the best dark mode package available all over the web no matter what your platform is.

wordpress
shopify
drupal
Get started