https://github.com/siumauricio/rippleui

Clean, modern and beautiful Tailwind CSS components.
https://github.com/siumauricio/rippleui

beatiful clean components css css-components design-system rippleui tailwind tailwindcss tailwindcss-plugin ui

Last synced: about 18 hours ago
JSON representation

Clean, modern and beautiful Tailwind CSS components.

• Host: GitHub
• URL: https://github.com/siumauricio/rippleui
• Owner: Siumauricio
• License: mit
• Created: 2022-11-25T07:44:26.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-30T22:44:49.000Z (about 1 year ago)
• Last Synced: 2024-04-24T20:42:56.505Z (5 months ago)
• Topics: beatiful, clean, components, css, css-components, design-system, rippleui, tailwind, tailwindcss, tailwindcss-plugin, ui
• Language: CSS
• Homepage: https://ripple-ui.com
• Size: 26.4 MB
• Stars: 801
• Watchers: 15
• Forks: 30
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
![alt text for screen readers](https://raw.githubusercontent.com/Siumauricio/rippleui/main/docs/public/logo.png "RippleUI Logo")

Ripple UI




    

  



    

  

  

    

  



![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/siumauricio/rippleui)

Welcome to the RippleUI repository! This is the home for all of the components, guidelines, and tools that make up our design system.

## Documentation

Visit https://ripple-ui.com to view the full documentation.

## 🚀 Usage

To use the RippleUI components, you will need to install the package from npm.

```bash

npm install rippleui

```

Once you have installed the package, you can import the plugin into your `tailwind.config.js`.

```js

module.exports = {

  // ... the rest of your config

  plugins: [require("rippleui")],

};

```

To use a component, simply include the appropriate HTML markup in your project and apply the relevant classes using the class naming.

```html

Click me!

```

## 🎨 Components

Here is a list of all of the components that are currently available in RippleUI.

- Button

- Input

- Select

- Checkbox

- Radio

- Switch

- Textarea

- Modal

- Button-Group

- Tooltip

- Dropdown

- Badge

- Navbar

- Avatar

- Breadcrumb

- Drawer

- Alert

- Table

- Card

- Accordion

- Tabs

- Pagination

- Divider

- Skeleton

- Stepper

- Link

- Dots (Status)

- Range

- Progress

- KBD

- Forms

- Menu

- Popover

- Sidebar

- Spinners / Loaders

- Input File

- More components soon....

## 🤝 Contributing

We welcome contributions to the design system! If you have ideas for new components, improvements to existing ones, or updates to the guidelines and tools, please open a pull request with your proposed changes.

## License

RippleUI is licensed under the [MIT License](LICENSE).