Component Library Demo

Skeleton UI with Tailwind CSS - Consistent Look & Feel

Buttons

Different button variants and sizes

Primary Buttons

Secondary Buttons

Ghost Buttons

Danger Buttons

Disabled State

Cards

Card components with different padding levels

Small Card

This is a card with small padding.

Medium Card

This is a card with medium padding. This is the default size.

Large Card

This is a card with large padding, giving more breathing room to content.

Form with Components

Example of form using our button component

Color Palette

Theme colors used throughout the app

Primary
#ff3e00

Secondary
#4075a6

Accent
#0ea5e9