Overview

Kelp was designed to be customized without any build steps or compile process.

• You can customize UI elements CSS variables and HTML attributes.
• The CSS and JavaScript are unminified so you can work with them directly.
• The source code includes modular files written in vanilla CSS and JavaScript.

Of course, if you already have a build process for your website or web app, you can plug Kelp into it. But you don’t need one if you don’t want. You can just open up a browser and go.

Add your customizations to a kelp.custom.css file (or whatever name you’d prefer), and load it alongside the main kelp.css file.

<link rel="stylesheet" href="./css/kelp.css">
<link rel="stylesheet" href="./css/kelp.custom.css">

Kelp also includes two online tools you can use to more easily customize it.

• Theme Builder. Create a custom color palette with your brand colors and identity.
• Custom Download. Create a custom Kelp file that loads just the components you need.