Default Theme Dark Theme
Tornado has become Phenix Design System

Tornado UI | Framework Docs

Builded for Preformance no Extra Needs

Build the Web Faster and Control Your Code

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 with React.js Components Support.


in order to install Tornado env you can download the complete OpenSource Repository from Github or you can use Git or NPM CLI and Clone or Install the Project into your Local Machine by runing the following Commands

Quick Start CDN

When you only need to include tornado compiled CSS and JS, you can use the CDN URl,s Provided by unpkg npm cdn.

  • <!-- LTR CSS --> <link href="[email protected]/dist/css/tornado.css" rel="stylesheet">
  • <!-- RTL CSS --> <link href="[email protected]/dist/css/tornado-rtl.css" rel="stylesheet">
  • <!-- JS --> <script src="[email protected]/dist/js/tornado.min.js"></script>


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.

Tornado has become

Phenix Design System

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