Welcome to Tornado UI v2

Tornado is an Open Source Framework for Frontend and UI/UX Designers made with love from a designer to designers the Main Goal of this framework is to make web design more simple and providing the best performance and easy to control elements Built With Sass and TypeScript for Easy Customizing.

Documentation

Getting Start

Getting Start

Quick start

Design Options

Forms

Form Controls

Validation

Progress Bars

Range Slider

Elements

Typography

Tornado Header

Breadcrumb

Media Objects

Hero Content

Card Blocks

Tags and Badges

Utilities

Utilities

Coloring Utilities

Tornado icons

Grid Layout

Standard Grid

Dynamic Grid

Masonry Grid

Grid Utilities

Typescript

Overview

Methods

UI Effects

Forms Methods

Data Table

Components

Alerts

Buttons

Scrollspy

Tables Themes

Popup Modals

Carousel | Slider

Tabs Component

Navigation Menus

Accordion Component


Before You Start

Before you start working with the framework you must know that this framework meant to be a complete work environment not just including the production CSS/JS files so if you want to understand what exactly happening and use it in the right way continue reading the documentation.

Installation

in order to install Tornado environment you can use npm or you can use Git CLI from the Following Commands.

====== Git CLI Clone =====
git clone <https://github.com/EngCode/Tornado-UI-v2.git>

====== NPM Install ======
npm install tornado-ui

after that you will need to install Node.JS and SASS the Ruby version for compiling the source files.

Quick CDN Links

====== Tornado CSS [LTR] =====
<https://unpkg.com/[email protected]/dist/css/tornado.css>

====== Tornado CSS [RTL] =====
<https://unpkg.com/[email protected]/dist/css/tornado-rtl.css>

====== Tornado [ICONS] CSS =====
<https://unpkg.com/[email protected]/dist/css/tornado-icons.css>

====== Tornado JS =====
<https://unpkg.com/[email protected]/dist/js/tornado.min.js>

Latest Update V2.6.0 Finale || 1/1/2021

#01 - [new] New Utlilites Classes
#02 - [fix] Navigation Menu - Megamenu
#03 - [fix] Counter Type Fixed
#04 - [fix] Form Repeaters [Advanced Controls]
#05 - [fix] Form Rating Hover
#06 - [fix] First View Activate [Lazyloading, VP Animations].
#07 - [fix] [Repeater, Advanced Select, Dropdowns]
#08 - [upgrade] Manual Mode any TS Utilities

Ex-Update V2.5.☯ Super 🦸‍♂️ Tornado || 07/2020