React components based on tailwindcss.

Warning

This library is still in development, as well as documentation website.

Installation

React-tailwindcss-components is available as an npm package.

// with npm
npm install react-tailwindcss-components

// with yarn
yarn add react-tailwindcss-components

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-tailwindcss-components';

function App() {
  return (
    <Button className="shadow-2xl border-green-400 bg-green-400 rounded font-bold text-white">
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

Documentation

Check out our documentation website.

Changelog

Recently Updated? Please read the changelog.

License

This project is licensed under the terms of the MIT license.