"Definitely 👌🏽 the light way for start new front-end web projects."
UI-Kit up in
production. A light way for start new front-end web project.
RenderKit is a lightweight
scss framework that brings together the best front-end tools for cross browsing, accessibility and prototyping. With more than 150 configurations via
scss it is the lightest way to start front-end projects.
RenderKit can also be used as styleguide and visual tester for the various
@mixins installed with sections already ready for use.
Install via NPM
npm install renderkit
The following tools are included in the
Extended and rewritten in
· Foundation Float Grid with
· Headers responsive with a
Foundation Flexbox Utilities
(The ability to enable or disable
Powerful mixin to styling up all cross browsing fields.
· Powerful mixin to styling up checkbox & radio without
· Layout mixins
for manage all palette colors via
|SHAPES||Mixins with building semantically & classes to generate shapes without images.|
Foundation visibility classes
· Foundation text alignment
· Text transformation classes
· Float classes
· Clearfix classes
all packages including the
Foundation core have been revisited and customized without any
rem output. If you want to install any additional Foundation package, full functionality is not guaranteed.
scss RenderKit file is fully compatible with sass-doc. You can also install the complete documentation locally!.
SCSS Quickly install
config/_config.scss file, change the default and enjoy!. The details of each variable can be found and searched on this page.
CSS Quickly install
You can basic download the RenderKit
- The default
cssRenderKit includes Foundation
Flexbox Utilitiesin less than
- For a minify version download this file, less than
If you want the version without
flexbox you can download the "float" version with Foundation Float Grid.
RenderKit is released under the MIT License.