Sharp. Minimal. Semantic.
Barley UI is a zero-dependency, semantic CSS/JS library for building modern web interfaces. Extremely lightweight. Load it and forget it.
Barley UI is a zero-dependency, semantic CSS/JS library for building modern web interfaces. Extremely lightweight. Load it and forget it.
Pure CSS and Vanilla JS. No build steps, no complex frameworks, no npm install required. Just drop it in.
Styles native HTML elements directly. Accessible by default. We use <details>, <dialog>, and <progress>.
Extremely lightweight. Designed for speed and performance. Perfect for static sites, prototypes, and minimalist apps.
A tour of the built-in styles and web components.
Barley is a lightweight UI kit that focuses on semantic HTML and minimal class usage.
Yes, it is open source and free to use for personal and commercial projects.
Account details go here.
Change your settings here.
Simply include the CSS and JS files in your project. No build step required.
<link rel="stylesheet" href="barley.css">
<script src="barley.js" defer></script>