Skip to content

Strut UI components examples

Browse Strut UI component design examples. Preview individual interface elements and explore related component categories. The all-in-one AI workspace for writers

Explore the examples

Strut — Input text component
Strut logo
Strut

A small inline form used to create a new item, featuring a text input field currently containing the text 'WIP', a dashed circle icon, and 'Create' and 'Cancel' buttons.

Strut — Input select component
Strut logo
Strut

A vertical list of template options with a title and helper text. The selected option is highlighted with a white background and a checkmark icon.

Strut — Artificial intelligence component
Strut logo
Strut

A section showing an AI actively generating content. It includes a title, a description, a button to generate from a website, and a large text area with a floating 'Stop Writing' control indicating the AI is typing.

Strut — Table component
Strut logo
Strut

A welcome modal with tips and tricks for a SaaS product.

Strut — Vertical list component
Strut logo
Strut

A getting started guide with a list of steps.

Strut — Dropdown menu component
Strut logo
Strut

A dropdown menu providing actions to manage a stage, including moving it up or down, and deleting it.

Strut — Artificial intelligence component
Strut logo
Strut

A floating rich text formatting toolbar with an AI Edit dropdown menu. The menu is expanded, showing options like Rewrite and Adjust tone. The Adjust tone option is hovered, revealing a nested submenu with tone options like Friendly.

Strut — Rich text editor component
Strut logo
Strut

An inline text formatting toolbar with an active AI Edit dropdown menu, displayed over selected text in a document editor.

Strut — Rich text editor component
Strut logo
Strut

A floating toolbar that appears above selected text in a rich text editor, offering formatting options like bold, italic, headings, lists, and an AI edit menu.

Strut — Artificial intelligence component
Strut logo
Strut

A design tool concept with multiple features.

Strut — Artificial intelligence component
Strut logo
Strut

A text input field designed for brainstorming with an AI assistant. It features a light bulb icon, a placeholder asking what to brainstorm about, and a bottom action bar with a back button and a disabled 'Brainstorm' submit button.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams