SimpUI is a lightweight, pure CSS and JavaScript UI component library designed to help you build beautiful, interactive interfaces — fast and without dependencies.
Just include the SimpUI CSS and JS files in your project, and you’re ready to go.
No build steps, no frameworks, no headaches.
Check out the live demo of SimpUI here: https://simpui.reasadazim.com/
- Modern, responsive components that work on any device
- Zero dependencies — just plain CSS & JS
- Easy customization to match your brand style
- Quick setup — start building in seconds
SimpUI is perfect for developers who want simplicity, speed, and flexibility in their projects.
Getting started with SimpUI is quick and easy:
Clone this repository or download the latest release to get started.
git clone https://github.com/reasadazim/simpui.gitAdd these lines before your closing </head> tag:
<link rel="stylesheet" href="simpui.css">
<link rel="stylesheet" href="simpicker.css">
<script src="simpicker.js"></script><script src="simpui.js"></script>Start using SimpUI components in your HTML — no build process, no dependencies.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SimpUI Example</title>
<link rel="stylesheet" href="simpui.css">
<link rel="stylesheet" href="simpicker.css">
<script src="simpicker.js"></script>
</head>
<body>
<button class="simpui-btn">Click Me</button>
<script src="simpui.js"></script>
</body>
</html>You can easily override SimpUI's default styles by adding your own CSS rules after including simpui.css.
Example:
.simpui-btn {
background-color: #4cafef;
border-radius: 8px;
}SimpUI is released under the GPL-3.0.
Pull requests are welcome!
If you find a bug or have an idea for a new component, feel free to open an issue.
Made with ❤️ for simplicity.