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: 14 days 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 (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-30T22:44:49.000Z (over 1 year ago)
- Last Synced: 2025-04-06T06:07:33.119Z (16 days 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: 961
- Watchers: 14
- Forks: 41
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
Ripple UI
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).