Theme Preview: modern

This page demonstrates all themed components with the "modern" theme.

Buttons

Inputs

Default Input

With Error

This field is required

With Icon

Disabled

Small

Medium

Large

Textarea

Message

Select

Choose an option

Cards

Default Card

This is the default card variant.

Glass Card

This is the glass card variant with blur effect.

Bordered Card

This is the bordered card variant.

Alerts

Info

This is an informational message.

Success

Your changes have been saved.

Warning

Please review this important notice.

Error

Something went wrong. Please try again.

Badges

SuccessWarningDangerInfoDefault

Avatar

Theme Configuration

Effects

Glass Effect:Enabled

Neon Effects:Enabled

Gradients:Enabled

Animations:Enabled

Typography

Heading Font:font-display

Body Font:font-sans