Tailwind Glass Card

About this module

A pricing card using backdrop-blur, layered gradients and Tailwind utility classes.

Installation

1. 1

   Install Tailwind

   Add Tailwind to your project.

   npm install -D tailwindcss @tailwindcss/vite

2. 2

   Wire up the plugin

   Add `@tailwindcss/vite` to your Vite config or the PostCSS plugin to your build.

3. 3

   Import the CSS

   Add `@import "tailwindcss";` at the top of your main CSS file.

4. 4

   Paste the markup

   Copy the markup into a component or template and it is ready to go.

Usage

1. 1

   Copy the markup

   Paste the HTML below into a component or template.

2. 2

   Verify Tailwind is set up

   Ensure Tailwind's CSS entry point is imported in your app.