# Appearance

The Skeleton provides a set of predefined appearance options such as various shapes and animations.

The following example demonstrates all available appearance options of the Skeleton in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/skeleton/appearance/appearance-all/source.txt)

## Shape

The Skeleton allows you to set different shapes.

The available [`shape`](https://www.telerik.com/kendo-angular-ui/components/indicators/api/skeletoncomponent#shape) values are:

* `text`—Renders a line Skeleton.
* `circle`—Renders a circular Skeleton.
* `rectangle`—Renders a rectangular Skeleton.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/skeleton/appearance/shape/source.txt)

## Animation

The Skeleton allows you to define different animation settings.

The available [`animation`](https://www.telerik.com/kendo-angular-ui/components/indicators/api/skeletoncomponent#animation) values are:

* `pulse`—Shows a pulse animation effect.
* `wave`—Shows a wave animation effect.
* `false`—Disables the animation.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/skeleton/appearance/animation/source.txt)

## Suggested Links

* [API Reference of the Skeleton](https://www.telerik.com/kendo-angular-ui/components/indicators/api/skeletoncomponent)
* [API Reference of the SkeletonAnimation](https://www.telerik.com/kendo-angular-ui/components/indicators/api/skeletoncomponent#animation)
* [API Reference of the SkeletonShape](https://www.telerik.com/kendo-angular-ui/components/indicators/api/skeletoncomponent#shape)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui/components/styling/theme-builder)