npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

tornado-ui

v2.6.0

Published

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

Downloads

162

Readme

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/[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

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 - نظام تصميم فينكس