shannonrothe / wind

A simple React component library built on WindiCSS

Wind

Wind is an open-source component library built on top of React and TailwindCSS.

Wind provides a number of default components for use in your projects. The following components are currently available:

• Button
• Input

Usage and Installation

To install Wind, you must have Tailwind running in your project. Run the following to install the package:

NPM

npm install wind

Yarn

yarn add wind

Installing Wind will expose all available components for your use. Below are some snippets to get started.

Button

import React from "react";
import { Button } from "wind";

export const App = () => {
  return <Button>Button</Button>;
};

Bugs

If you find any bugs or issues, please create an issue on the repository.

wind's Issues

Tailwind should be bundled by default

Currently, Wind requires developers to have Tailwind configured on their applications to be used. Tailwind should come bundled with Wind to allow users to use the components regardless.