Minimalist My Components

A collection of simple, clean UI components built with Tailwind CSS.

Buttons with Color Variants

Filled Buttons

Outline Buttons

Subtle Buttons

Ghost Buttons

Normal Buttons (Text Colors)

Buttons with Icons

Icon Only Buttons

Compact Button Groups

Form Elements

Radio Buttons

Custom Selects (Compact & Minimalist)

Requires JS for interactivity (e.g., Alpine.js for `x-data`).

Requires JS for search filtering (e.g., Alpine.js).

Requires JS for interactivity (e.g., Alpine.js).

Requires JS for interactivity and data binding (e.g., Alpine.js).

Requires JS for multi-selection logic (e.g., Alpine.js).

Navigation

Cards

Card Title One

This is a short description for the card. It provides some quick information about the content.

Learn More

Card Title Two

Another example card with slightly different content to show variability.

View Details

Card Title Three

A third card to demonstrate the responsive grid layout.

Read More

Alerts

This is an informational alert message.

Success! Your operation was completed.

Warning: Something might be wrong.

Error: An unexpected issue occurred.

Badges

Label New Active Pending Error

Pagination

Showing 1 to 5 of 24 results