Chrome Tabs Web Browser Implementation

Chrome Icon This project was originally developed for Electron, but it can also be made to work with <iframe> tags in web browsers like Chrome, Safari, Firefox.


Add Styles

<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
  body {
    margin:                     0;
    padding:                    0;
    overflow:                   hidden;
    background-color:           #e6e6e6;

Add Scripts

<script src=""></script>
<script src=""></script>

Note: Any version of jQuery >= v2.2.4 will do fine.

Add HTML Markup

<div class="chrome-tabs"></div>

If you want the dark theme, add the -dark-theme class.

<div class="chrome-tabs -dark-theme"></div>

Add jQuery Snippet

  jQuery(document).ready(function($) {

Review Documentation

See: jQuery Wrapper Documentation

Project Overview

Chrome Tabs

A tabbed interface (like Google Chrome). Designed for Electron, but also browser-compatible with a jQuery wrapper. This serves as a great example […]
Share This
Posted in: