Loading...

Placeholder

Placeholder Cards

Create placeholder content for cards in Bootstrap by using the .placeholder class. This provides a loading animation or filler content until the actual data is loaded.

Placeholder Width

You can change the width through grid column classes, width utilities, or inline styles. (like: w-25 , w-50 , w-75 , w-100 )

Placeholder Sizing

The size of placeholder are based on the typographic style of the parent element. Customize them with sizing modifiers: placeholder-lg, placeholder-sm, or placeholder-xs.

Placeholder Animations

Add animations to Bootstrap placeholders using the .placeholder-glow or .placeholder-wave classes for a smooth loading effect while content is being loaded.

Colors Placeholder

By default, the placeholder uses currentcolor. This can be overridden with a custom color or utility class.

Custom Animation Placeholder

With the wave-left-lines custom animation, placeholders may be used into your unique design.

Placeholder

Create interactive placeholders in Bootstrap by using buttons or links. When clicked, the placeholder content is replaced with the actual content, simulating a loading effect.

Preview Settings

Theme Layouts

Defines the admin panel's layout style, allowing you to choose from different design options.

Color Mode

Choose if app's appearance should be light or dark, or follow your computer's settings.

RTL Mode

Toggle between LTR and RTL layouts to support different language directions.

Preset Themes

Choose a preset theme from out theme library.

Sidebar Colors

Sets the sidebar color scheme. Options include light, dark, or gradient styles.

Navbar Positions Options

Sets the navbar position: sticky, static, or hidden.

Navbar Type Options

Sets the navbar style: default, dark, transparent, or glass.

Font Options

Sets the fonts for headings and body text.

Font Size Options

Sets the font size: sm, md, or lg.

Rounded Options

Sets the border radius size: xs, sm, md, lg, or xl.

Container Options

Defines the container style: fluid (full-width) or boxed (fixed width).

Loader Options

Sets the page loader visibility: hidden or visible.