SDetails ComponentsBy Sumunar

Cards & Popups

Get Connected Deploy Widget Profile Dropdown Storage Almost Full Password Encrypted Empty State Form Input Copy Button Button AI

Navigation & Flow

Gooey Nav Indicator Step Indicator Workflow Card

Buttons & Actions

Button Animation Button Animation 2 Button Share Slide to Confirm Floating Action Button Async Button

Input & Data

Text Edit Highlight File Upload Emoji Rating AI List Insight Typing Indicator Checkbox Tick Undo Toast Appearance Card

AI

AI Chat Input AI Typing Indicator AI Response Card AI Generate Button AI Credit Limit Card AI Suggestion Prompt Cards AI Attachment / File Upload AI Model Selector AI Conversation Sidebar AI Usage / Token Meter AI Usage & Credit Card Workflow Run Status Execution Log Panel Integration Card Workflow Summary Card Workflow More Actions Pipeline Node Node Configuration Panel

Backdrop

Press F or ⌘\ for focus mode

Delete backdrop

Remove “” from the backdrop list? This cannot be undone.

Add image by link

Paste a direct image URL from Unsplash, Pexels, or another stock site.

Image URL

Use a URL that opens the image itself, not the stock-image detail page.

© 2026 Sumunar Studio

AI Typing Indicator

What is meant by vector design?

SS

Create an image

Deep researchMore...

Type anything here...

Press Esc to exit focus mode