Docs
Frosted Glass Card

Frosted Glass Card

Displays a beautiful Frosted Glass Card.

Loading...

Installation

Copy and paste the cn util code into your project.

import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
 
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
 

Copy and paste the Fold Card code into your project.

API Reference

Props

PropTypeDescription
backgroundstringGlass background color.
numnumberGlass grid number.

Usage

export default function GlassGridDemo(){
    return (
      <GlassGrid num={20} background="#facc15"/>
    )
}