https://github.com/thirashapw/fornykit

fornyKit is also known as RearGen Material Kit. fornyKit library handles html elements as android responsive components.
https://github.com/thirashapw/fornykit

android css html javascript material-ui

Last synced: about 1 month ago
JSON representation

fornyKit is also known as RearGen Material Kit. fornyKit library handles html elements as android responsive components.

• Host: GitHub
• URL: https://github.com/thirashapw/fornykit
• Owner: thirashapw
• Created: 2021-07-27T14:47:03.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-08T08:33:42.000Z (about 2 years ago)
• Last Synced: 2023-08-02T12:43:26.383Z (over 1 year ago)
• Topics: android, css, html, javascript, material-ui
• Language: CSS
• Homepage: https://thirashapraween.github.io/fornyKit/
• Size: 371 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
:no_entry: [DEPRECATED] Active at https://github.com/ThirashaPraween/RearGen

![N|Solid](https://i.imgur.com/brTmrW7.png)

![Build man](https://img.shields.io/badge/Library%20version-v1.0-green?style=for-the-badge&logo=appveyor) ![Build man](https://img.shields.io/github/repo-size/ThirashaPraween/fornyKit?style=for-the-badge&logo=appveyor) ![Build man](https://img.shields.io/tokei/lines/github/ThirashaPraween/fornyKit?style=for-the-badge) ![Build man](https://img.shields.io/github/last-commit/ThirashaPraween/fornyKit?style=for-the-badge) ![Build man](https://img.shields.io/badge/Developer-ThirashaPW-blueviolet?style=for-the-badge&logo=appveyor)

# fornyKit

fornyKit is also known as RearGen Material Kit. fornyKit library handles HTML elements as android responsive components.

## CDN Links

###### CSS

```

```

###### JS

```

```

## or Minified CDN Links

###### CSS

```

```

###### JS

```

```

### Guide

- [Components](#components)

- [Colors](#colors)

- [Navbar & Drawer](#navbar-and-drawer)

- [Radio Buttons](#radio-buttons)

- [Check Box](#check-box)

- [Other Classes](#other-classes)

## Components

![N|Solid](https://i.imgur.com/eIgdLos.png)

Browse [demo](https://thirashapraween.github.io/fornyKit/) component site.

You don't need any special classes to handle mobile responsive elements. After you implement the fornyKit library, It will automatically change the elements to responsive RearGen components.

## Colors

- Background Colors - `bg-primary`, `bg-secondary`, `bg-danger`, `bg-warning`, `bg-white`, `bg-dark`, `bg-black`

- Text Colors - `text-primary`, `text-secondary`, `text-danger`, `text-warning`, `text-white`, `text-dark`, `text-black`

## Navbar and Drawer

- Implement a primary color simple android nav bar\

![statusbar](https://i.imgur.com/dc3zrvS.png)

```

  Status bar

```

- Implement a primary color simple android nav bar with drawer\

![navbar](https://i.imgur.com/e5WJhky.png)

```

  ☰

  Status bar

  


    fornyKit

    ×

    ☀ Home

    ☀ About

    ☀ Services

    ☀ Contact

  


```

##### Special

- To bring down the `flow-container` from nav bar, add `off-nav` to `flow-container` div.

- To hide drawer when tapping the `flow-container`, add `hide-nav` to `flow-container` div.

## Radio Buttons

![Radiobuttons](https://i.imgur.com/09Vyneg.png)

```

    

    Radio Option 2

    

    Radio Option 2

```

## Check Box

![CheckBox](https://i.imgur.com/k9cPCCK.png)

```

Remember me

```

## Other Classes

- Container - `flow-container`

- Margins - `mu` , `ml` , `mr` , `md`

- Row - `row`

- Column - `column`

- Display - `d-flex`, `d-none`

- Vertical Alignments - `v-center`, `v-start`, `v-end`

- Horizontal Alignments - `h-center`, `h-between`, `h-around`, `h-evenly`,  `h-start`, `h-end`

- Center Screen - `center`

- Text Alignments - `text-center`, `text-left`, `text-right`

- Floating - `fl`, `fr`

- Flex Wrap - `f-wrap`






  

      

  

   

      

  



Thank you for using fornyKit (RearGen Material Kit)!