HydePHP UI Kit Components

Below is a demonstration of the UI components in both light and dark mode.

Heading Component

The above heading component is normally centered but is aligned here.

Prose Component

Any text-related HTML here will be styled using the Tailwind Typography plugin.

Markdown Component

Any Markdown within these tags will be compiled to HTML.
Perfect to use with the Prose component so that it gets styled!

Buttons & Inputs

These stylish and simple buttons are perfect for all your buttoning needs!

The kit even comes with a simple input element too!

Cards

The versatile card component lets you create perfect cards for your site.
Of course they come with a variety of options!

A card with some content.
Card Title
A card with some content.
Card Title & Footer
A card with some content and a footer.
Footer content

Heading Component

The above heading component is normally centered but is aligned here.

Prose Component

Any text-related HTML here will be styled using the Tailwind Typography plugin.

Markdown Component

Any Markdown within these tags will be compiled to HTML.
Perfect to use with the Prose component so that it gets styled!

Buttons & Inputs

These stylish and simple buttons are perfect for all your buttoning needs!

The kit even comes with a simple input element too!

Cards

The versatile card component lets you create perfect cards for your site.
Of course they come with a variety of options!

A card with some content.
Card Title
A card with some content.
Card Title & Footer
A card with some content and a footer.