Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bcrumbs/reactackle
Open-source components library built with React and Styled-Components.
https://github.com/bcrumbs/reactackle
components css-in-js javascript react react-components reactackle styled-components web
Last synced: 5 days ago
JSON representation
Open-source components library built with React and Styled-Components.
- Host: GitHub
- URL: https://github.com/bcrumbs/reactackle
- Owner: bcrumbs
- License: mit
- Created: 2017-06-15T17:17:16.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T14:50:31.000Z (about 2 years ago)
- Last Synced: 2024-10-29T13:49:16.054Z (3 months ago)
- Topics: components, css-in-js, javascript, react, react-components, reactackle, styled-components, web
- Language: JavaScript
- Homepage: https://reactackle.braincrumbs.io
- Size: 7.95 MB
- Stars: 279
- Watchers: 9
- Forks: 23
- Open Issues: 77
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-list - reactackle - source components library built with React and Styled-Components. | bcrumbs | 280 | (JavaScript)
README
# Reactackle
[](https://www.npmjs.com/package/reactackle)
[](https://travis-ci.org/bcrumbs/reactackle)
[](https://coveralls.io/github/bcrumbs/reactackle?branch=master)
[](https://slackin.braincrumbs.io)
**Open-source components library built with [React](https://facebook.github.io/react/) and [Styled Components](https://www.styled-components.com).**
Reactackle is a family of components that make it easy to design beautiful websites and apps. It's still young but we are going to constantly add new components. Also we use it with our open-source **web app constructor [Booben](https://booben.io)**.
## Getting started
**Using NPM:**
```
npm install reactackle --save
```
**Using Yarn:**
```
yarn add reactackle
```
**Or you can install components independently:**
```
npm install reactackle-button --save
```
## Docs
* [Getting Started](http://reactackle-docs.braincrumbs.io)
#### Component Demos
* [Accordion](http://reactackle-docs.braincrumbs.io/#/accordion/demo)
* [AlertArea](http://reactackle-docs.braincrumbs.io/#/alert-area/demo)
* [Auto Position](http://reactackle-docs.braincrumbs.io/#/auto-position/demo)
* [Breadcrumbs](http://reactackle-docs.braincrumbs.io/#/breadcrumbs/demo)
* [Button](http://reactackle-docs.braincrumbs.io/#/button/demo)
* [Card](http://reactackle-docs.braincrumbs.io/#/card/demo)
* [Checkbox](http://reactackle-docs.braincrumbs.io/#/checkbox/demo)
* [Dialog](http://reactackle-docs.braincrumbs.io/#/dialog/demo)
* [Grid / Column](http://reactackle-docs.braincrumbs.io/#/grid-column/demo)
* [Grid / Row](http://reactackle-docs.braincrumbs.io/#/grid-row/demo)
* [Header](http://reactackle-docs.braincrumbs.io/#/header/demo)
* [Icon](http://reactackle-docs.braincrumbs.io/#/icon/demo)
* [Input Autocomplete](http://reactackle-docs.braincrumbs.io/#/input-autocomplete/demo)
* [Menu](http://reactackle-docs.braincrumbs.io/#/menu/demo)
* [CircleProgress](http://reactackle-docs.braincrumbs.io/#/circle-progress/demo)
* [LinearProgress](http://reactackle-docs.braincrumbs.io/#/linear-progress/demo)
* [Radio Group](http://reactackle-docs.braincrumbs.io/#/radio/demo)
* [Select Box](http://reactackle-docs.braincrumbs.io/#/select-box/demo)
* [Sidebar](http://reactackle-docs.braincrumbs.io/#/sidebar/demo)
* [Tabs](http://reactackle-docs.braincrumbs.io/#/tabs/demo)
* [Tag](http://reactackle-docs.braincrumbs.io/#/tag/demo)
* [Text](http://reactackle-docs.braincrumbs.io/#/text/demo)
* [Text Field](http://reactackle-docs.braincrumbs.io/#/text-field/demo)
* [Toggle Button](http://reactackle-docs.braincrumbs.io/#/toggle-button/demo)
* [Tooltip](http://reactackle-docs.braincrumbs.io/#/tooltip/demo)
## Browser Support
At present we aim to support the last two versions of the following browsers: Chrome, Edge, Firefox, Safari, Opera.
## Contributing
Contributions are welcome!
Also we're opened to any proposals. Feel free to submit an issue or just [write us a few words](mailto:[email protected]).
## Stay in touch
* [Twitter](https://twitter.com/@bcrmbs)
* [Slack](https://reactackle.slack.com)
## License
[MIT License](/LICENSE)