PHP UI Kit

Examples
Fomanticui2
Bootstrap3Bootstrap4Bootstrap5Fomanticui2
Docs

Form

Input

Input sizes

Input states

Input with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Input with addons

€
@site.com
€
,00

Note: Everything can be combined, but in some cases you need to add your own css.

€
€

Select

Select sizes

Select states

Select with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Select multiple

Textarea

Textarea with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Checkbox

Multiple checkboxes

Example checkboxes
Example radio checkboxes

Checkbox states

Checkbox with feedback & help text

Please check this
Text..
Please check this
Text...

Checkbox with feedback & help text - multiple

Error checkbox with text - multiple
Please check this
Checkbox with help text - multiple
Text..
Radio with feedback and help text - multiple
Please check this
Text...

Components

Accordion

Accordion Item #1
This is the first item's accordion body.
Accordion Item #2
This is the second item's accordion body.

Alert

Default
Success
Warning
Error
Info

Badge

DefaultPrimarySuccessWarningErrorInfoRounded
Link 1
/
Link 2
Link 1
>
Link 2

Button

Link

ButtonGroup

Link
Link
Link

Card

Header
Body
Footer

Title

Sub title

Text

Example image
Card body

Note: Dark variant might not be available for all frameworks.

Link 1
ItemCustom bold text
Link 1Item
Link 1Link 2
Dropdown button as link
Link 1Link 2Link 3

ListGroup

Item 1
Item 2
Item 3
Link1
Link2
Link3
Item 1
Item 2
Link
Brand title
Link 1
Dropdown
Sub Link 1Sub Link 2
Right Link 1 Right Link 2

Note: Dark variant might not be available for all frameworks.

Link 1
Dropdown
Sub Link 1Sub Link 2
Right Link 1

Note: Some variants (e.g. fullscreen) might not be available for all frameworks.

Pagination

Progress

40%
example 43%
13%
30%
50%
First 15%
Second 30%
Third 55%
20%
75%

Tabs

Tab 1
Tab 2
Tab 3
Content 1
Content 2
Content 3