https://github.com/teacat/tocas
👀 The fastest and most intuitive way to build diverse websites and progressive web application interfaces.
https://github.com/teacat/tocas
css html javascript tocas tocas-ui ui
Last synced: about 10 hours ago
JSON representation
👀 The fastest and most intuitive way to build diverse websites and progressive web application interfaces.
- Host: GitHub
- URL: https://github.com/teacat/tocas
- Owner: teacat
- License: mit
- Created: 2015-11-28T06:10:47.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2026-01-01T07:36:38.000Z (3 months ago)
- Last Synced: 2026-02-02T04:15:35.722Z (2 months ago)
- Topics: css, html, javascript, tocas, tocas-ui, ui
- Language: CSS
- Homepage: https://tocas-ui.com/
- Size: 251 MB
- Stars: 601
- Watchers: 17
- Forks: 32
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tocas UI [](https://www.npmjs.com/package/tocas) [](https://github.com/teacat/tocas/releases) [](https://github.com/teacat/tocas/blob/master/LICENSE)
以最快最直覺的方式，建構多樣的網站與漸進式網路應用程式介面。
- 📘 文件：[tocas-ui.com/5.0/zh-tw](https://tocas-ui.com/5.0/zh-tw) ([原始碼](https://github.com/teacat/tocas-docs))
- 🎲 範例：[tocas-ui.com/5.0/zh-tw/examples.html](https://tocas-ui.com/5.0/zh-tw/examples.html)
- 📦 原始碼：[GitHub](https://github.com/teacat/tocas) | [NPM](https://www.npmjs.com/package/tocas) | [cdnjs](https://cdnjs.com/libraries/tocas)
- 🌎 語系：**台灣正體**
## 📀 開始使用！
只需要將下列 HTML 標籤複製至你的 `...` 網頁段落就可以開工了 🔥
```html
```
## 🚀 範例程式碼
```html
按鈕
標題
```
- 📘 文件：[tocas-ui.com/5.0/zh-tw](https://tocas-ui.com/5.0/zh-tw) ([原始碼](https://github.com/teacat/tocas-docs))
- 🎲 範例：[tocas-ui.com/5.0/zh-tw/examples.html](https://tocas-ui.com/5.0/zh-tw/examples.html)
## 👥 使用的原始碼
Tocas UI 使用且包含了下面套件的部份原始碼，謝謝他們 🥳！
- [FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)
- [floating-ui/floating-ui](https://github.com/floating-ui/floating-ui)
- [lipis/flag-icons](https://github.com/lipis/flag-icons)
## ❤️ 來自台灣的愛心
٩(ˊᗜˋ\*)و 由來自 🇹🇼 台灣的 [Yami Odymel](https://twitter.com/YamiOdymel) 所設計，當然還有[貢獻者們](https://github.com/teacat/tocas/graphs/contributors)的愛心 ❤️。原始碼授權方式為 [MIT](https://github.com/teacat/tocas/blob/master/LICENSE)，文件則為 [CC 0](https://creativecommons.org/publicdomain/zero/1.0/deed.zh_TW) 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是[卡莉絲伊繁星](https://caris.events/)的設計語言，而卡莉絲伊繁星屬[對空音商事](https://sorae.co/zh-tw.html)。