Awesome
<h3 align="center"> React UIkit Components </h3> <p align="center"> A Collection of React components using the <a href=http://getuikit.com/>UIkit CSS framework</a> </p> <p> The master branch for each component has been updated to React 15. To use with React 0.14 checkout the 0.14 branch of the respective module, from its old home. </p>Docs
Packages
This repository is a monorepo that is managed using Lerna. Every react-uikit-module on npm is contained in this repository.
Package | Version | Docs | Description |
---|---|---|---|
react-uikit-alert | Defines styles for success, warning and error messages. | ||
react-uikit-article | Create articles within your page. | ||
react-uikit-badge | Easily create nicely looking badges to label and highlight your content. | ||
react-uikit-base | Create react components for UIKit. | ||
react-uikit-block | Separate content sections by bundling them in blocks. | ||
react-uikit-breadcrumb | Create breadcrumbs to show users their location within a website. | ||
react-uikit-button | Easily create nice looking buttons, which come in different styles. | ||
react-uikit-button-group | Easily create nice looking group buttons. | ||
react-uikit-codeblock | Displays code inside of a block. | ||
react-uikit-comment | Create comments, for example for articles. | ||
react-uikit-comment-list | Create comment lists, for discussion or comment threads. | ||
react-uikit-dropdown | Defines different styles for dropdowns. | ||
react-uikit-flex | Utilise the power of Flexbox to create a wide range of layouts. | ||
react-uikit-form | Easily create forms. (Compatible with Redux Form v5 and v6) | ||
react-uikit-grid | Create a fully responsive, fluid and nestable grid layout. | ||
react-uikit-icons | Place vector icons anywhere using the Icons component. | ||
react-uikit-img | Easily create responsive images. | ||
react-uikit-img-gallery | Create gallery of images. | ||
react-uikit-list | Dynamically creates lists. | ||
react-uikit-modal | Displays dialogs prompts. | ||
react-uikit-nav | Defines different styles for list navigations. | ||
react-uikit-note | Easily add notes to content. | ||
react-uikit-notify | Toggleable notifications that can be animated and postioned on various edges of the screen. | ||
react-uikit-overlay | Create an image overlay. Useful for galleries or preview links. | ||
react-uikit-panel | Create layout boxes with different styles. | ||
react-uikit-placeholder | Create a placeholder space that can be used for uploading files via drag and drop. | ||
react-uikit-progress | Defines different styles for progress bars. | ||
react-uikit-table | Create nice looking tables. | ||
react-uikit-text | A collection of useful text components to style your content. | ||
react-uikit-thumbnail | Create different thumbnail images, which come in various styles and sizes. | ||
react-uikit-trigger | Description needed :P |