Design System

A comprehensive component library showcasing reusable components with Tailwind CSS.

Buttons

Variants

Sizes

<button className="inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 px-4 py-2 text-sm">
  Primary Button
</button>

Form Controls

Standard Input

With Icon

Password

Select

Feedback

info

This is an example info message for the user.

success

This is an example success message for the user.

warning

This is an example warning message for the user.

error

This is an example error message for the user.