GlassticUI

A lightweight, customizable React UI component library with a modern glassmorphic design aesthetic.

Features

• 🔍 Glassmorphic Design: Beautiful glass-like UI components with backdrop blur effects
• 🌙 Dark Mode Support: Seamless light/dark mode transitions
• 🎨 CSS Variables: Easy customization with CSS variables
• 📱 Responsive: Mobile-friendly components that work on all screen sizes
• 🧩 Modular: Use only the components you need
• 🚀 React Support: Built for modern React applications

Installation

npm install glassticui

Quick Start

import { GlassButton, GlassInput } from "glassticui"
import "glassticui/style"

function App() {
  return (
    <div>
      <GlassButton>Click Me</GlassButton>
      <GlassInput label="Username" placeholder="Enter your username" />
    </div>
  )
}

Components

GlassButton

A beautiful button component with glass effect.

<GlassButton>Default Button</GlassButton>
<GlassButton variant="primary">Primary Button</GlassButton>
<GlassButton variant="danger">Danger Button</GlassButton>

GlassInput

A sleek input component with glass effect.

<GlassInput
  label="Username"
  placeholder="Enter your username"
/>

<GlassInput
  label="Password"
  type="password"
  placeholder="Enter your password"
/>

Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

License

MIT