Skip to content
Tornado v2 | User Interface Framework
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

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

browser support

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


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
====== 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] =====

====== Tornado CSS [RTL] =====

====== Tornado JS =====

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

#01 - Adding Simple Responsive Masonry Grid
#02 - Convert All Pixel Unites to REM
#03 - Adding Scrollspy Effect
#04 - Fixing Dropdown Mechanism
#05 - Fixing Navigation Menu / Mobile Responsive Theme
#06 - Adding Smoth Scroll Effects
#07 - Adding Responsive Aspect Ratio Elements
#08 - Upgrade Utilties [ Sticky Elements | Item Remover | Data Backgrounds ]
#09 - Javascript Shorthand Helpers
#10 - Forms Validation With Redirect After Submit



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

You can’t perform that action at this time.