This project is sponsored by the following contributors.
Mac Taylor
Sciuridae Li
Yan-K
李政皇
乾太₍₍ ◝(･◡･)◟ ⁾⁾
Leko
Bobby Ho
Coin
SpaceTimeHalf
methratton
Sean Wei
Jonathan Goh
No jQuery dependency.
No unnecessary network bandwidth consumption; Tocas UI aims to reduce webpage load.
No npm or Webpack.
No complicated setup required—simply copy our HTML style tags into your webpage, just like in the good old days.
Easy-to-understand.
Easily accessible and understandable documentation, even if you haven't used Bootstrap, Bulma, or Semantic UI before.
Simple and intuitive design.
Minimal distractions. A moment of calm amidst the chaos of the Internet.
Image Card
A delicious cake!
Order online and receive a limited edition eco-friendly bag as a special bonus.
Buttons
Statistics
42,689
32
8,652
351
Navbar
Table
| # | Name | Common |
|---|---|---|
| 1 | Flat Bank | 半音金庫 |
| 2 | Sorae & Co., Ltd. | 對空音商事株式会社 |
| 3 | Caris Events | カリス・イベント |
| Total Count: 3 | ||
Breadcrumb
Flags
Rating
Selection
Labels
8,964
16,226
320
Color Scheme and Responsive
Supports dark mode and compact styles on mobile devices to maximize screen space usage.
See Details
Loose Coupling
Components are designed atomically, allowing them to be combined together.
Browse Components
Adaptability
Build an e-commerce platform, management interface, or social networking site.
See Examples
Let's get ready to rumble!
Copy the following HTML tags to your webpage and unleash the magic ✨
<!-- Core: 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>
<!-- Fonts: 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" />
<!-- Enable: Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">