Components

Every component is a PHP class with a fluent API. It renders accessible Bootstrap 5 markup, and the JavaScript bundle enhances it on the client. The demos below are the real components, rendered by PHP when this site is built. Switch the look in a demo's toolbar; the site's dark mode applies to the demos too.

Component	PHP class	Library
Grid	Celerik\Ui\Components\Grid	DataTables 2
Chart	Celerik\Ui\Components\Chart	Chart.js 4
Form and fields	Celerik\Ui\Components\Form, Form\Field	Parsley.js, Inputmask
Rich text editor	Field::editor()	Quill 2
File upload	Field::file()	FilePond 4
Scheduler	Celerik\Ui\Components\Scheduler	FullCalendar 6
Modal	Celerik\Ui\Components\Modal	Bootstrap 5
Tabs	Celerik\Ui\Components\Tabs	Bootstrap 5
Notification	Celerik\Ui\Components\Notification	Notyf 3
File manager	Celerik\Ui\Components\FileManager	elFinder 2.1
Theme builder	Celerik\Ui\Components\ThemeBuilder	–

Grid

LookBootstrapMaterialTailwindOpen the demo in a new tab (Grid)

Grid demo. Data is embedded and nothing is saved.

Chart

LookBootstrapMaterialTailwindOpen the demo in a new tab (Chart)

Chart demo. Data is embedded and nothing is saved.

Form

LookBootstrapMaterialTailwindOpen the demo in a new tab (Form)

Form demo. Data is embedded and nothing is saved.

Tabs

LookBootstrapMaterialTailwindOpen the demo in a new tab (Tabs)

Tabs demo. Data is embedded and nothing is saved.

Modal

LookBootstrapMaterialTailwindOpen the demo in a new tab (Modal)

Modal demo. Data is embedded and nothing is saved.

Notification

LookBootstrapMaterialTailwindOpen the demo in a new tab (Notification)

Notification demo. Data is embedded and nothing is saved.

Scheduler

LookBootstrapMaterialTailwindOpen the demo in a new tab (Scheduler)

Scheduler demo. Data is embedded and nothing is saved.