TuiCss is a framework focused to create web applications using an interface based in ASCII table, like MS-DOS applications. This kind of interface is very eligible because the ultra-contrast colors used and the less effects of the elements. The main framework thats is following to develop TuiCss is Turbo Vision Framework with some techniques with box-drawing characters, but some others frameworks were checked too, like curses, ncurses, Newt, etc. Check the Examples page to see some creations!

Wiki

Check the repository wiki to access the documentation, components index, examples, styles, or to know how to contribute for this project.

Getting Started

TuiCss needs the JQuery to works with the script. To import JQuery, you can download or get this from CDN. This is the import code using Jquery from CDN:

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

To use TuiCss framework in your web application, you need just to import the files in your html pages. The files are in dist folder. The folder has this structure:

dist  
  \- fonts
  \- images
  \- tuicss.css  
  \- tuicss.js  
  \- tuicss.min.css  
  \- tuicss.min.js

Get this folder and put in you application structure. After this, choose the file to import (source or minified). This is an example of import code:

<link rel="stylesheet" href="dist/tuicss.min.css"/>
<script src="dist/tuicss.min.js"></script>