DroneDeploy's UI Kit is vastly composed of Material Design components. To start using the UI Kit, please add the MaterializeCSS CDN and DroneDeploy's CSS.
<!-- Compiled and minified Materialized CSS --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">​<!-- Compiled and minified DroneDeploy CSS --><link rel="stylesheet" href="css/dd-styles.css">
Next we have to setup the HTML file structure to include all the necessary CSS and JS files.
<!DOCTYPE html><html><head><!-- Compiled and minified Materialized CSS --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"><!--DroneDeploy CSS Do Not Modify --><link rel="stylesheet" href="css/dd-styles.css"><meta name="viewport" content="width=device-width, initial-scale=1.0"/></head>​<body><!--JS file included when a template is downloaded js/app.js--><script src="js/script.js"></script></body></html>
To quickly get started download one of our templates or review our documentation in detail.