Menu
▾
▴
Home
Welcome to the cssplugins wiki!
G16 framework is 100% CSS based framework with no single code of javascript. It is lightweight, simple, smart and well structured modular system built upon 16 scalable grids that creates smooth and itch-free responsive layouts. It constructs relevant html elements properties by using only the inline class without writing a single code in your stylesheet.
The system generates clean HTML & CSS modular templates for typography, grids, form control, navigation, modal, gallery, accordion and many more features. The system comes with an inbuilt generator such as grid designer and web page flow layout, a reference tool such as test lab that tests the behaviours of all available classes.
Features
- Over 1500 unique inline class plugins.
- 100% CSS based code with zero javascript
- 25 different utility modules that can be used with any existing design.
- Responsive and adaptive to all major screen resolutions.
- A template base.
- A code base editor that enables testing of all g16classes.
- Scalable grid layout system
- Cross Browser compatibility features with all major modern browsers.
Featured Plugins Collection
1. Accordion
2. Badge
3. Bar
4. Boxes
5. Buttons
6. Card
7. Containers
8. Colors
9. View all
The full library zip file
The full library file is the combination of the g16library files and the g16component files. The complete files have fully compressed and zipped into one single files. Decompressed files contains all the CSS Plugins required to kick start your website design.
How to use
For single plugins applications, download only the required css plugin and implement it as show below.
The below sample shows the application of badge plugins
<link href="badge.css" rel="stylesheet" />
This is useful if you intend to apply a badge to your existing project. Learn more about the css plugins
For multiple requests, call g16components.css from g16library , this file contains all the necessary plugins require to build website from scratch without writing a single line of code. You will need to download the g16library to utilitize this class.
Implementation
<link href="g16library/css/g16components.css" rel="stylesheet" />
If the entire g16-library is downloaded instead, the implementation should be done as shown below.
Note: The g16library comprise the 25 css plugins including the fonts class (combination of web-base and google-fonts ), and the icons.
To implement only a single class from the library, add a link as shown below within the header of your document
<link href="g16library/css/badge.css" rel="stylesheet" />
How to use
For single plugins applications, download only the required css plugin and implement it as show below.
The below sample shows the application of badge plugins
This is useful if you intend to apply a badge to your existing project. Learn more about the css plugins
For multiple requests, call g16components.css from g16library , this file contains all the necessary plugins require to build website from scratch without writing a single line of code. You will need to download the g16library to utilitize this class.
Implementation
If the entire g16-library is downloaded instead, the implementation should be done as shown below.
Note: The g16library comprise the 25 css plugins including the fonts class (combination of web-base and google-fonts ), and the icons.
To implement only a single class from the library, add a link as shown below within the header of your document
Last edit: Zimalks 2016-10-21