https://github.com/alancleyton/awesome-ui

[WIP] Awesome UI components using tailwindCSS for React Apps 🚀
https://github.com/alancleyton/awesome-ui

List: awesome-ui

react reactjs rollup storybook tailwindcss testing-library typescript vite vitest

Last synced: about 1 month ago
JSON representation

[WIP] Awesome UI components using tailwindCSS for React Apps 🚀

• Host: GitHub
• URL: https://github.com/alancleyton/awesome-ui
• Owner: alancleyton
• License: mit
• Created: 2024-01-28T21:41:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-28T17:49:32.000Z (4 months ago)
• Last Synced: 2024-10-29T20:58:07.366Z (4 months ago)
• Topics: react, reactjs, rollup, storybook, tailwindcss, testing-library, typescript, vite, vitest
• Language: TypeScript
• Homepage: https://alancleyton.github.io/awesome-ui
• Size: 2.36 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Awesome UI ✨

   


    A Awesome React component library based on Tailwind CSS

  



  


  


    

      

    

    

      

    

    

      

    

    

      

    

  






This lib provides ready-to-use, accessible, reusable, and composable

React UI components based on the [Tailwind CSS](https://tailwindcss.com/) framework utility classes.

## Installation

```sh

# with Yarn

$ yarn add @alancleyton67/awesome-ui

# with npm

$ npm i @alancleyton67/awesome-ui

```

## Usage

1. To start using the components, on your application entry point, import the CSS file.

```jsx

// Do this at the root of your application

import '@alancleyton67/awesome-ui/dist/index.css';

```

2. Start using the components in your application

```jsx

import { Button } from '@alancleyton67/awesome-ui';

const App = () => {

  const onPress = () => alert('On pressed!')

  


    

      info button

    

  

};


export default App;

```

## License

MIT