Tocas UI
The fastest and most intuitive way to build diverse websites and progressive web application interfaces.
Getting Started See Examples
Coming Soon
Building applications, commercial and shopping sites in just a moment with Tocas Templates.
The project is sponsored by
Mac Taylor
Sciuridae Li
Yan-K
李政皇
乾太₍₍ ◝(・◡・)◟ ⁾⁾
Leko
Bobby Ho
Coin
SpaceTimeHalf
methratton
Sean Wei
Jonathan Goh
No jQuery dependency.
In addition to consuming excess network bandwidth; jQuery is also no longer the best choice for modern websites. Tocas UI works well with all front-end frameworks.
No npm or Webpack.
You don't have to install a bunch of packages via npm nor setting up a bunch of loaders in Webpack. Just copy the HTML tags we provided and...tada! It's that easy.
A full documentation.
You will understand the whole interface system and how responsive design works even if you don't have experience with Bootstrap or Bulma, Semantic UI, etc.
Design in a whole new generation.
The components and styles are all available and ready for you.
Cards
Delicious cake!

You will receive a limited free eco bag if you order online before May.

Button
Label
Minato
Kazari
8,964 16,226 320
Statistic
42,689
32
Number of visits
8,652
351
Total members
Navbar
Table
# Taiwanese Name English Name
1 半音商業銀行 Flat Bank
2 對空音商事有限公司 Sorae & Co., Ltd.
3 卡莉絲伊繁星 Caris Events
Items: 3
Breadcrumb
Placeholder
Country Flags
Rating
Selection
Responsive and Themes
Supports dark mode and density style designed for mobile devices.
See More
Loose Coupling
Tocas UI components are designed atomically so that they can be used in combination with each other.
View Components
Polymorphism
An e-commerce site? Sure. A management panel? Sure. A social platform? Sure.
See Examples
Ready to rock?
Copy the following HTML tags to your page and have a blast.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.0.4/tocas.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.0.4/tocas.min.js"></script>
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
Translators: Yami Odymel