Tabler React

React components and demo for the Tabler UI theme.
Alternatives To Tabler React
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Docz23,1476861,3406 months ago275February 11, 2022103mitTypeScript
✍ It has never been so easy to document your things!
Semantic Ui React12,9978,4651,12924 days ago153May 31, 2022187mitJavaScript
The official Semantic-UI-React integration
React Toolbox8,7051,310132a year ago66June 02, 2018267mitJavaScript
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Rebass7,8817442822 months ago109October 28, 201996mitJavaScript
:atom_symbol: React primitive UI components built with styled-system.
Nextra6,4941813 hours ago109September 17, 2022157mitTypeScript
Simple, powerful and flexible site generation framework with everything you love from Next.js.
React Quill5,6237774482 months ago49August 03, 2022293mitJavaScript
A Quill component for React.
Theme Ui4,89433183814 days ago460September 18, 202262mitTypeScript
Build consistent, themeable React apps based on constraint-based design principles
Next4,323657,07716 days ago450September 20, 2022610mitJavaScript
🦍 A configurable component library for web built on React.
Playroom4,269114716 days ago87April 26, 202246mitTypeScript
Design with JSX, powered by your own component library.
React Mosaic3,3473017a month ago44August 03, 202221otherTypeScript
A React tiling window manager
Alternatives To Tabler React
Select To Compare


Alternative Project Comparisons
Readme

Update - June 2019: Version 2

Alpha now available on NPM:

npm install [email protected] yarn add [email protected]

Check out the latest progress and get involved on this branch, or add your thoughts and requests to this issue.

Tabler React

React implementation of the Tabler Dashboard UI Kit

NPM Type definitions Greenkeeper badge Commitizen friendly

Demo | Documentation | Issues | Slack.

Install

Make sure you have Node.js 8+ and yarn installed.

yarn add tabler-react

Example

import React, { Component } from "react";

import "tabler-react/dist/Tabler.css";

import { Card, Button } from "tabler-react";

class MyCard extends Component {
  render() {
    return (
      <Card>
        <Card.Header>
          <Card.Title>Card Title</Card.Title>
        </Card.Header>
        <Card.Body>
          <Button color="primary">A Button</Button>
        </Card.Body>
      </Card>
    );
  }
}

For more examples and documentation see the demo website

Contributing

There are plenty of opportunities to get involved. Pick an outstanding task, let us know what you are working on and fire away with any questions.

The package is made up of 2 main folders:

  • /src contains all the Tabler React components
  • /example is our create-react-app based demo website

To setup and run a local copy:

  1. Clone this repo with git clone https://github.com/tabler/tabler-react
  2. Run yarn install in the root folder
  3. Run yarn install in the example folder
  4. In seperate terminal windows, run yarn start in the root and example folders.

You should now be up and running with live browser reloading of the example website while you work on Tabler React components in the /src folder.

When you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually.

License

MIT © jonthomp, AaronCoplan and the contributors.

Popular Theme Projects
Popular Reactjs Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Reactjs
Css
Theme
Bootstrap
Admin
React Component
Admin Dashboard
Bootstrap Theme
Bootstrap Template