Install RippleUI in your project

How to install Ripple UI in your project

Setup

You can install RippleUI using npm, yarn or CDN.

  1. To install RippleUI plugin is required to have TailwindCSS installed on your machine.
npm install rippleui
  1. Add plugin to your tailwind.config.js file
module.exports = {
// ... the rest of your config
plugins: [require("rippleui")],
}
  1. CDN

If you prefer to use CDN, you can add the following link to your HTML file, but consider you can't remove the unused styles.

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/rippleui@1.10.1/dist/css/styles.css"
/>
<!-- And -->
<script src="https://cdn.tailwindcss.com"></script>
<button class="btn">Hello World!</button>

Now you are set to use RippleUI components in your project.

HTML
JSX
<button class="btn btn-primary">Hello World!</button>

RippleUI Examples Repositories

You can find examples of RippleUI in the following repositories: