GrMine UI

A refined minimalist CSS component library. Designed with restraint, built for clarity.

Typography

Heading 1 — The Art of Restraint

Heading 2 — Less is More

Heading 3 — Space Speaks

Heading 4 — Precision in Detail

Heading 5 — Quiet Confidence
Heading 6 — Subtle Strength

Body text with inline code and a link. The quick brown fox jumps over the lazy dog.

Muted text — secondary information that doesn't compete for attention.

Subtle text — for timestamps, hints, and metadata.

Buttons
Variants
Sizes
With Icons
Disabled
Form Controls
This field is required
Max 500 characters
Checkboxes
Radio & Switch
Data Display
Badges
Default Primary Success Warning Danger Info
Tags
React × TypeScript × CSS ×
Avatars
A BK JD
A B C +3
Progress
Table
Name Status Role Actions
Alice Chen Active Designer
Bob Kim Away Engineer
Carol Wu Offline PM
Skeleton
Feedback
Information
A new version is available. Please update to get the latest features.
Success
Your changes have been saved successfully.
Warning
Your trial period expires in 3 days.
Error
Failed to delete the resource. Please try again.
Toast (static demo)
Saved
Your project has been saved.
Modal
Layout & Navigation
Cards
Minimal
Clean and focused. Only the essentials.
With Header
Separate header and body sections.

Card content goes here with additional details.

New
Stats Live
2,847
Active users this week
Tabs

This is the overview panel. Tabs help organize content into sections.

Pill Tabs
Accordion
GrMine UI is a refined minimalist CSS component library designed for clarity and consistency. It provides a set of well-crafted components that follow the principle of restraint.
Breadcrumb
Pagination
...
Tooltip
A helpful tip
Divider
or
Sidebar Layout
Navigation
Dashboard Users Billing
Settings
General

Dashboard

This is the main content area with a sidebar navigation layout.

Color Palette
Neutral
50
100
200
300
400
500
600
700
800
900
Accent
50
100
200
300
400
500
600
700
800
900