Basecoat UI Components Demo

Showcasing Basecoat UI components with Tailwind CSS v4 in CodeIgniter 4

Buttons

Cards

Basic Card

A simple card with header

This is the content of the card. You can put any content here.

Form Card

Card with form elements

Dropdown Menu

Alerts

Success!

Your changes have been saved successfully.

Error!

Something went wrong. Please try again.

Tabs

Profile Information

Manage your profile details

Form Elements

Contact Form

Input States

Checkboxes & Radio

Choose option:

Badges

Default Secondary Outline Destructive 99 New

Toast Notifications