# Example component\_gallery: 12 pages showcasing user interface components, new example transform\_primitives: showcasing primitives in viewport

**URL:** https://forum.castle-engine.io/t/example-component-gallery-12-pages-showcasing-user-interface-components-new-example-transform-primitives-showcasing-primitives-in-viewport/511
**Category:** News
**Created:** [January 30, 2022, 4:05pm UTC](https://forum.castle-engine.io/t/example-component-gallery-12-pages-showcasing-user-interface-components-new-example-transform-primitives-showcasing-primitives-in-viewport/511 "2022-01-30T16:05:02Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![michalis](https://forum.castle-engine.io/user_avatar/forum.castle-engine.io/michalis/32/3_2.png) [@michalis](https://forum.castle-engine.io/u/michalis)
#### Post date: [January 30, 2022, 4:05pm UTC](https://forum.castle-engine.io/t/example-component-gallery-12-pages-showcasing-user-interface-components-new-example-transform-primitives-showcasing-primitives-in-viewport/511/1 "2022-01-30T16:05:02Z")

</div>

| [![TCastleImageControl in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_image-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_image.png "TCastleImageControl in examples/component\_gallery") |
| [![Primitives in examples/viewport_and_scenes/transform_primitives](https://castle-engine.io/wp/wp-content/uploads/2022/01/transform_primitives_example-200x113.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/transform_primitives_example.png "Primitives in examples/viewport\_and\_scenes/transform\_primitives") |
| [![TCastleCheck in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_checkbox-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_checkbox.png "TCastleCheck in examples/component\_gallery") |
| [![TCastleEdit in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_edit-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_edit.png "TCastleEdit in examples/component\_gallery") |
| [![TCastleHorizontalGroup, TCastleVerticalGroup in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_group-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_group.png "TCastleHorizontalGroup, TCastleVerticalGroup in examples/component\_gallery") |
| [![TCastleScrollView in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_scroll_view-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_scroll_view.png "TCastleScrollView in examples/component\_gallery") |
| [![TCastleShape in examples/component_gallery](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_shape-200x117.png)](https://castle-engine.io/wp/wp-content/uploads/2022/01/ui_shape.png "TCastleShape in examples/component\_gallery") |

I advise every CGE developer to run these 2 new examples today! 🙂

1. [examples/component\_gallery](https://github.com/castle-engine/castle-engine/tree/master/examples/component_gallery) is a 12-page demo of possibilities of user interface components in CGE. Run the demo, and browse the pages to see what is possible. Then explore the demo in the editor (open designs `data/page_xxx.castle-user-interface`) to see how you can do this.

2. [examples/viewport\_and\_scenes/transform\_primitives](https://github.com/castle-engine/castle-engine/tree/master/examples/viewport_and_scenes/transform_primitives) shows possibilities of primitives (sphere, cylinder, cone, sphere, plane, box, text) in the viewport.