Example pages built with Tocas UI and you can view or download the source code.
The examples are made for desktops, the layout might be deformed or cropped if viewed on a mobile device.
Designs for most Single-page Applications or Progressive Web Applications.
A basic chat room implemented through dialogue bubbles and basic layout.
Administration backend with a sidebar.
A timeline that contains the posts and side information.
Online mail inbox with several file attachments.
Cloud drive that organizes files by card.
A personal blog editor that works with Simple Markdown Editor.
Examples of commercial or personal websites.
A personal blog site composed of text elements and some featuring cards.
Small business website front page for group and corporate announcements.
Platform made with Grid system and Images for crowdfunding.
A static website presenting travel photos.
An information aggregation site with featuring news and multiple posts.
Shopping site with information and reviews of many products.
Accessibility tools and other single pages.
A form page that displays details such as shopping cart items and checkout addresses.
Table with span columns that act like an expandable detail to edit the stock information.
A simpler example of network hard drive directory and file information, similar to FTP.
It is used for e-invoices or invoices issued between companies.
The basic account and password login page.
System settings form for the website or service backend.
Promotional emails sent to members of the website.
Credit card information form for product checkout.
Several different price plans for customers.
A basic user registration page with information such as gender, birthday, nickname, etc.
Back to Top
Taiwan with the love of the
❤️. The source code is licensed under
and the documents are
public domain. Tocas UI is a design language of
, which is owned by
Sorae & Co.