https://github.com/natuworkguy/ultrahtml
Ultra-light UI library for beautiful buttons, tabs, popups, and more – no frameworks, just vibes (and CSS + JS).
https://github.com/natuworkguy/ultrahtml
Last synced: 5 months ago
JSON representation
Ultra-light UI library for beautiful buttons, tabs, popups, and more – no frameworks, just vibes (and CSS + JS).
- Host: GitHub
- URL: https://github.com/natuworkguy/ultrahtml
- Owner: Natuworkguy
- License: mit
- Created: 2025-07-14T23:30:29.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-25T18:36:03.000Z (11 months ago)
- Last Synced: 2025-07-26T01:22:27.757Z (11 months ago)
- Homepage: https://natuworkguy.github.io/UltraHTML/demo/
- Size: 124 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 🌐 UltraHTML
**Ultra-light UI library for beautiful buttons, tabs, chips, popups, dropdowns, switches, and more — inspired by Materialize CSS, built from scratch.**
> ⚡ Designed for speed.
> 🎨 Styled with love.
> 💾 Zero dependencies.
---
## 🚀 Getting Started
### 1. Add UltraHTML to Your Project
```bash
git clone https://github.com/Natuworkguy/UltraHTML.git
````
Then include the files:
```html
```
---
### 2. Use the Components
Here’s a quick taste of what UltraHTML gives you:
```html
Hello, UltraHTML World!
Click Me
I'm a chip
```
---
## ✨ Features
* 💥 **Wave Button Effects**
* 📑 **Tabbed Navigation**
* 🎯 **Chips w/ Click-to-Dismiss**
* 💬 **Popup Toast Messages**
* 📱 **Responsive Design (Mobile-First)**
* 🎨 **Fully Customizable via CSS Variables**
---
## 🧪 Demo
Click [here](https://natuworkguy.github.io/UltraHTML/demo/) to view the demo.
---
## 🧠 Why UltraHTML?
* No frameworks, no nonsense.
* Plug-and-play components.
* Built with performance and developer joy in mind.
* You can read the whole code in one sitting. And *understand* it.
---
## 🙌 Inspired By
UltraHTML is proudly inspired by the visual beauty and simplicity of [Materialize CSS](https://materializecss.com/).
We're taking that same vibe — clean UI, intuitive interactions — and boiling it down to **pure CSS + JS**, no frameworks required.
---
## 📂 File Structure
```
UltraHTML/
├── dist/ # Ready-to-use CSS and JS files (not minified)
├── demo/ # Demo page
├── docs/ # Documentation
├── LICENSE
├── how_to_use.md
└── README.md
```
---
## 🔧 Customization
All key styles are controlled with CSS variables. Example:
```css
:root {
--btn-default-color: #0bf00b;
--tab-default-color: #2196f3;
--chip-color: lightgrey;
}
```
---
## 📜 License
UltraHTML is licensed under the [MIT License](LICENSE).
---
## 🧑💻 Author
Made with ❤️ by **[Natuworkguy](https://github.com/Natuworkguy)**
> *“The UI game needs more love. I’m just here to make it pretty.”*
---
## 🤝 Contributing
Wanna add new components, fix bugs, or expand features? Go wild. PRs welcome!