{"id":13513650,"url":"https://github.com/tabler/tabler-react","last_synced_at":"2025-09-26T22:31:46.168Z","repository":{"id":31867224,"uuid":"129313416","full_name":"tabler/tabler-react","owner":"tabler","description":"React components and demo for the Tabler UI theme.","archived":true,"fork":false,"pushed_at":"2022-12-08T17:59:04.000Z","size":88208,"stargazers_count":2295,"open_issues_count":84,"forks_count":544,"subscribers_count":58,"default_branch":"master","last_synced_at":"2024-10-29T09:14:15.781Z","etag":null,"topics":["admin","admin-dashboard","admin-dashboard-ui","bootstrap","bootstrap-template","bootstrap-theme","bootstrap4","react","react-components","reactjs","reactjs-components","tabler","typescript","user-interface"],"latest_commit_sha":null,"homepage":"http://tabler-react.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tabler.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-12T21:32:09.000Z","updated_at":"2024-10-29T07:51:11.000Z","dependencies_parsed_at":"2023-01-14T20:00:43.486Z","dependency_job_id":null,"html_url":"https://github.com/tabler/tabler-react","commit_stats":null,"previous_names":[],"tags_count":58,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabler%2Ftabler-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tabler","download_url":"https://codeload.github.com/tabler/tabler-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234356519,"owners_count":18819380,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","admin-dashboard","admin-dashboard-ui","bootstrap","bootstrap-template","bootstrap-theme","bootstrap4","react","react-components","reactjs","reactjs-components","tabler","typescript","user-interface"],"created_at":"2024-08-01T05:00:33.755Z","updated_at":"2025-09-26T22:31:36.150Z","avatar_url":"https://github.com/tabler.png","language":"CSS","readme":"# Update - June 2019: Version 2\n\nAlpha now available on NPM:\n\n`npm install tabler-react@alpha`\n`yarn add tabler-react@alpha`\n\nCheck out the latest progress and get involved on [this branch](https://github.com/tabler/tabler-react/tree/version-2), or add your thoughts and requests to [this issue](https://github.com/tabler/tabler-react/issues/458).\n\n# Tabler React\n\n\u003e React implementation of the [Tabler Dashboard UI Kit](https://github.com/tabler/tabler)\n\n[![NPM](https://img.shields.io/npm/v/tabler-react.svg)](https://www.npmjs.com/package/tabler-react) ![Type definitions](https://img.shields.io/badge/type%20definitions-flow-green.svg) [![Greenkeeper badge](https://badges.greenkeeper.io/tabler/tabler-react.svg)](https://greenkeeper.io/) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\n**[Demo](http://tabler-react.com)** | **[Documentation](http://tabler-react.com/documentation/)** | **[Issues](https://github.com/tabler/tabler-react/issues)** | **[Slack](https://tabler-ui.slack.com/messages/CA55LDVHU/)**.\n\n## Install\n\nMake sure you have [Node.js](https://nodejs.org/) 8+ and [yarn](https://yarnpkg.com) installed.\n\n`yarn add tabler-react`\n\n## Example\n\n```jsx\nimport React, { Component } from \"react\";\n\nimport \"tabler-react/dist/Tabler.css\";\n\nimport { Card, Button } from \"tabler-react\";\n\nclass MyCard extends Component {\n  render() {\n    return (\n      \u003cCard\u003e\n        \u003cCard.Header\u003e\n          \u003cCard.Title\u003eCard Title\u003c/Card.Title\u003e\n        \u003c/Card.Header\u003e\n        \u003cCard.Body\u003e\n          \u003cButton color=\"primary\"\u003eA Button\u003c/Button\u003e\n        \u003c/Card.Body\u003e\n      \u003c/Card\u003e\n    );\n  }\n}\n```\n\nFor more examples and documentation see the [demo website](http://tabler-react.com)\n\n## Contributing\n\n[There are plenty of opportunities to get involved](https://github.com/tabler/tabler-react/issues). Pick an outstanding task, let us know what you are working on and fire away with any questions.\n\nThe package is made up of 2 main folders:\n\n- /src contains all the Tabler React components\n- /example is our [create-react-app](https://github.com/facebook/create-react-app/) based demo website\n\nTo setup and run a local copy:\n\n1.  Clone this repo with `git clone https://github.com/tabler/tabler-react`\n2.  Run `yarn install` in the root folder\n3.  Run `yarn install` in the example folder\n4.  In seperate terminal windows, run `yarn start` in the root and example folders.\n\nYou 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.\n\nWhen you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually.\n\n## License\n\nMIT © [jonthomp](https://github.com/jonthomp), [AaronCoplan](https://github.com/AaronCoplan) and [the contributors](https://github.com/tabler/tabler-react/graphs/contributors).\n","funding_links":[],"categories":["CSS","React UI"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabler%2Ftabler-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftabler%2Ftabler-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabler%2Ftabler-react/lists"}