Skip to content

Exactly UI components examples

Browse Exactly UI component design examples. Preview individual interface elements and explore related component categories. Create images in seconds with an AI that understands your style

Explore the examples

Exactly — Toolbox component
Exactly logo
Exactly

A floating panel for generating AI images, featuring a prompt input area, style thumbnails, a primary 'Create' button, and a secondary sketch tool section with drawing controls.

Exactly — Horizontal list component
Exactly logo
Exactly

A floating horizontal list of generated image thumbnails with a selected state and utility controls on the right.

Exactly — Toggle/Switch component
Exactly logo
Exactly

A small floating menu or popover containing a toggle switch for 'Auto upscale' and a button to 'Upscale image'.

Exactly — Color picker component
Exactly logo
Exactly

A color selection panel featuring a toggle switch, a row of large selected color swatches with an add button, and a grid of smaller predefined color options.

Exactly — Skeleton component
Exactly logo
Exactly

A loading state for an AI image generation canvas, showing a sketched rocket ship with a central loading spinner, and four smaller thumbnail placeholders below, each with its own loading spinner.

Exactly — Artificial intelligence component
Exactly logo
Exactly

A floating panel containing controls for AI image generation, including a text prompt input, a primary 'Create' button, various tool icons, and a section for sketch-based input with drawing tools and an upload option.

Exactly — Progress indicator component
Exactly logo
Exactly

A card displaying the creation progress of a new AI model, featuring a thumbnail image, a title, and a progress bar indicating the 'Creating' status.

Exactly — Card component
Exactly logo
Exactly

A card displaying an uploaded image with a text area below it for entering an image description. The text area includes a character counter.

Exactly — Coachmark component
Exactly logo
Exactly

A dark-themed onboarding coachmark overlaying a light-themed AI generation interface. The coachmark welcomes the user and prompts them to create a style model, with a primary CTA and a skip button. The underlying interface shows an image description input and generation controls.

Exactly — Social login button component
Exactly logo
Exactly

Two pill-shaped buttons for social login, one for Google and one for Facebook.

Exactly — FAQ component
Exactly logo
Exactly

A frequently asked questions section displaying a list of questions and their corresponding answers in a two-column layout.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams