tornado-ui

Tornado is an Open Source Framework for Forntend 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 dynamic easy to control elements Buil


Keywords
tornado ui, framework, css, js, esNext, es6, react, wordpress, design, web, app, enviroment, webpack, sass, rtl, ux, typescript, components
License
MIT
Install
npm install tornado-ui@2.6.0

Documentation

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 Builded With Sass and TypeScript for Easy Customizing.


browser support

v31+ v49+ v10+ v35+ v12+ v11+

Documentation

looking for Documentation Visit Tornado UI v2


Before You Start

Before you start working with the framework you must know that this framework ment to be a complete work enviroment 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 docementation.

Installation

in order to install Tornado env 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/tornado-ui@2.6.0/dist/css/tornado.css

====== Tornado CSS [RTL] =====
https://unpkg.com/tornado-ui@2.6.0/dist/css/tornado-rtl.css

====== Tornado [ICONS] CSS =====
https://unpkg.com/tornado-ui@2.6.0/dist/css/tornado-icons.css

====== Tornado JS =====
https://unpkg.com/tornado-ui@2.6.0/dist/js/tornado.min.js

Lateast 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].
#-- - []
#-- - [fix] [Repeater, Advanced Select, Dropdowns]
#-- - [upgrade] Manual Mode any TS Utilities 

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

#01 - [new] Convert all Javascript from Babel to Typescript
#02 - [new] React Components for all UI Elements
#03 - [new] Seperate Icons Font CSS from Tornado CSS.
#04 - [new] JS Event Date/Time Counter Down
#05 - [new] Dynamic Backgrounds Lazy Loading Added
#06 - [new] images lazyloading added
#07 - [new] CSS Variables for Design Options
#08 - [new] Form Control Validation In Realtime
#09 - [new] Form UI SASS Rewrite and JS Upgrade
#10 - [new] Form Advanced Select
#11 - [new] Form Advanced File Uploader
#12 - [new] Form Repeater Functionality
#13 - [new] Form Rating Stars
#14 - [new] Buttons new Themes Added
#15 - [new] TNS Slider Method and UI Components
#16 - [new] Data Tables Creation Method
#17 - [new] Tabs TypeScript Method
#18 - [new] Popup TypeScript Method
#19 - [new] Images Lightbox Component and Method
#20 - [new] Circle and Radial Progress Components
#21 - [new] Tornado Design Options Method
#22 - [new] Tornado Theme Switcher Method
#23 - [doc] Documenting Typescript Methods
#24 - [fix] JS Dynamic Page Direction for WP-Admin
#25 - [Deprecated] Remove Form Lined Theme

Credits


License

Copyright (c) 2016-present, Abdullah Ramadan. Licensed under the terms of the MIT License.


Phenix Themes - فينكس ثيمز Portfolio - اعمال ابداعية تصميم وتطوير المواقع وقوالب وتطبيقات الويب - Web Design and Development Services Phenix Design System - نظام تصميم فينكس