“JTB_MD„ - an open source material design library.

JTB MD is a material based library that is developed by JTBLabs to make everyday design / animation jobs easier. We are currently using this library in our projects and developing it for the further ones. Since we believe that collaboration creates better results, we are opening our library and inviting you to contribute (idea or code) it.

We believe that we are #strongerTogether!

Quick look

The project currently includes, material design spreadsheets (Full & minified versions), icon spreadsheets & font files, and scripts (includers and plugins). Also there is a jquery dependency of the project on plugins we wrote in javascript files. Including these files are enough to use the library efficiently. You can see the project structure in the following scheme:

├── css/	
│   ├── fonts/	
│   │   ├── jtb-icons.eot
│   │   ├── jtb-icons.svg
│   │   ├── jtb-icons.ttf
│   │   └── jtb-icons.woff
│   ├── jtb_md.min.css
│   ├── jtb_md.css
│   ├── jtb_md.min.css
│   └── jtb_icons.css
├── js/
│   ├── plugins/	
│   │   ├── alert.js
│   │   ├── card.js
│   │   ├── collapse.js
│   │   ├── dropdown.js
│   │   ├── input.js
│   │   ├── lightbox.js
│   │   ├── modal.js
│   │   ├── navbar.js
│   │   ├── progress.js
│   │   ├── toast.js
│   │   └── tooltip.js
│   ├── jtb_md.min.js
│   └── jtb_md.js


There are different ways to integrate JTB_MD library into your project, you can choose one of them and include it to your own project without any effort:

Download source files

You can download the source code of the project and integrate the files by yourself from our repositories.

See How


You can integrate the files directly from our repositories.

See How


Unfortunately we do not have much contributers for now. We are developing the project under the roof of JTB Labs, but we are eager to find people who can help us on developing this open source JTB_MD library. If you have any idea or code that can be integrated to the project; you can reach us from our social medias at any time. :)

Don't miss anything | JTB_MD

Stay up to date on the development of JTB_MD and reach us via following:

  • @jtblabs on Twitter with #jtb_md tag.
  • Special thanks to:

    Cemal Semih Bilgiç

    Ömer Faruk Yıldırım