Welcome to Tornado UI v2
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 easy to control elements Builded With Sass and ES6 Babel for Easy Customizing.
No Dependency => Totally Customiazble
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 in order from sidemenu or just jump to the quick start and keep copy and paste codes into your project.
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 Package 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://email@example.com/dist/css/tornado.css ====== Tornado CSS [RTL] ===== https://firstname.lastname@example.org/dist/css/tornado-rtl.css ====== Tornado JS ===== https://email@example.com/dist/css/tornado.min.js
Changelog Update V2.1.0 || 12/2019
#01 - [new] Upgrade Components into Mixins and Refactor Tornado Icons #02 - [new] Breadcrumb Theme Mixin #03 - [Doc] Documented All CSS Utlities #04 - [new] Adding Margin/Padding Utlities #05 - [new] Improve Grid CSS Utlities #06 - [Fix] Form Validation Message Fix #07 - [new] Redesign Tornado Icons [+1800 icons] #08 - [new] New Animations Pack Set #09 - [update] improve ALL JS Siblings(); Functions #10 - [update] Improve JS ParentsUntil(); Function #11 - [new] Adding JS Slide Up and Slide Down && Slide Toggle Functions. #12 - [Fix] Collapse Effect Fix With Slide Toggle. #13 - [third party] TinySlider Added [Custom CSS] [RTL Support] #14 - [Deprecated] Glide.jS #15 - [Deprecated] Helvatica Arabic Fonts #16 - [Deprecated] Old Tornado Icons Font #17 - [Fix] Allow Node Element In Live Event Listener #18 - [new] JS getHeight(); Function Added. #19 - [update] JS Accourdion // Mobile Menu // Nested Menu Dropdowns With Slide Effects #20 - [Fix] Form Controls With Icons Validation Style Fix.
Changelog 06/2019 Components Mixins
#01 - Documented Responsive Query Mixins. #02 - Adding Form Controls Themes Mixin #03 - Improve Responsive Menus Mixins #04 - Adding Extra Small Responsive Mixin #05 - More Coloring Helpers Added #06 - Adding Mobile Menu Theme Mixin #07 - Adding Header/Navbar Theme Mixin #08 - ViewPort Animations Fix
Changelog 05/2019 Update
#01 - Adding More Helpers Functions [ get All Next/Previous Siblings ]. #02 - Upgrading CSS Backgrounds [data-src] Validation Filter. #03 - Adding Helper Function for Selecting Ancestors [ parentsUntil() ]. #04 - Fixing Header icons Buttons. #05 - JS Realtime Assets. #06 - Adding Animated Numbers Counter. #07 - Adding ViewPort Detactor.
Changelog 03/2019 Update