tocas
v5.0.1
Published
The fastest and most intuitive way to build diverse websites and progressive web application interfaces.
Downloads
50
Readme
Tocas UI 
以最快最直覺的方式，建構多樣的網站與漸進式網路應用程式介面。
- 📘 文件：tocas-ui.com/5.0/zh-tw (原始碼)
- 🎲 範例：tocas-ui.com/5.0/zh-tw/examples.html
- 📦 原始碼：GitHub | NPM | cdnjs
- 🌎 語系：台灣正體
📀 開始使用！
只需要將下列 HTML 標籤複製至你的 <head>...</head> 網頁段落就可以開工了 🔥
<!-- 核心：Tocas UI -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas/5.0.1/tocas.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas/5.0.1/tocas.min.js"></script>
<!-- 字體：Noto Sans TC -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet" />
<!-- 啟用：響應式設計 -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
🚀 範例程式碼
<!-- 按鈕 -->
<button class="ts-button">按鈕</button>
<!-- 標題 -->
<div class="ts-header">標題</div>
<!-- 輸入欄位 -->
<div class="ts-input">
<input type="text" placeholder="搜尋…" />
</div>
👥 使用的原始碼
Tocas UI 使用且包含了下面套件的部份原始碼，謝謝他們 🥳！
❤️ 來自台灣的愛心
٩(ˊᗜˋ*)و 由來自 🇹🇼 台灣的 Yami Odymel 所設計，當然還有貢獻者們的愛心 ❤️。原始碼授權方式為 MIT，文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言，而卡莉絲伊繁星屬對空音商事。