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

2. Add plugin to your tailwind.config.js file

module.exports = {
	// ... the rest of your config
	plugins: [require("rippleui")],
}

3. 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.12.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.

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

Hello World!

​

RippleUI Examples Repositories

You can find examples of RippleUI in the following repositories: