Skip to content

🐇一套 HTMX 开发模式的 Web UI 组件库,易上手,可以更简单快速地构建网页界面。

License

Notifications You must be signed in to change notification settings

workbunny/bunny-ui

Repository files navigation

workbunny

workbunny/bunny-ui

🐇 HTMX 拓展 Web UI 组件库. 🐇

🐇 HTMX 拓展 Web UI 组件库

License Version

一套 HTMX 开发模式的 Web UI 组件库,使用 AJAX、CSS 过渡、WebSockets 和 服务器推送事件,通过 属性 构建 现代用户界面,结合 简单性 和 超文本的强大功能。

快速上手

使用 bunny-ui 只需在页面中引入核心文件即可。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Start - Bunny-ui</title>
    <link href="./bunny/bunny.css" rel="stylesheet" />
    <link href="./bunny/iconfont/iconfont.css" rel="stylesheet" />
    <script src="./bunny/bunny.js"></script>
</head>
<body>
    <!-- Welcome to Bunny-ui -->
    <button class="bny-btn" onclick="bunny.msg({text:'Hello World'})">Click me</button>
</body>
</html>

文档

HTMX-DOC

BUNNYUI-DOC

About

🐇一套 HTMX 开发模式的 Web UI 组件库,易上手,可以更简单快速地构建网页界面。

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published