Back

Visual blocks

Visuals library

2395 ready-made assets — 46 HeroUI UI cards, 10 diagrams, 2279 illustrations, 13 3D elements, 47 decorative shapes.

Type

Illustration source

Showing 60 of 2348 matches (2395 total)

5× ROI

Automate 80% of pipeline work

Stat highlight

ui

HeroUI · brand-themed

Large metric with supporting copy and CTA pill.

stat-highlight

roimetricstatnumbergrowth

Comparison cards

diagram

Side-by-side legacy vs modern product cards.

comparison-cards

comparelegacybeforeafterversus

Bar chart

diagram

Simple ascending bar chart with headline.

bar-chart

chartanalyticsdatagrowthmetrics

Line trend

diagram

Line chart showing upward trend.

line-chart

trendchartanalyticsgrowthperformance

Donut chart

diagram

Donut chart with center percentage label.

donut-chart

chartpercentcompletionanalyticsshare

Why teams switch

Automated follow-ups
Unified pipeline view
Automate 80% of pipeline wo…

Feature list

ui

HeroUI · brand-themed

Checklist of three product benefits.

feature-list

featureslistbenefitschecklistproduct
Pro

$49per seat / month

Automate 80% of pipeline work

Pricing card

ui

HeroUI · brand-themed

Single pricing tier card with CTA.

pricing-card

pricingplansubscriptionsaastier

"Automate 80% of pipeline work"

A

Alex Rivera

VP Sales, Acme

Testimonial

ui

HeroUI · brand-themed

Customer quote with avatar and name.

testimonial-card

quotetestimonialsocial proofreviewcustomer

Pipeline flow

diagram

Horizontal pipeline with four stages.

pipeline-flow

pipelineflowstagessalescrm

AI-native CRM that sells itself

To do

In progress

Done

Kanban board

ui

HeroUI · brand-themed

Mini kanban with three columns.

kanban-board

kanbantasksprojectworkflowboard

Dashboard

Live

128

Active deals

42%

Win rate

3.2×

Pipeline velocity

Automate 80% of pipeline work

Dashboard metrics

ui

HeroUI · brand-themed

Three metric tiles in a dashboard row.

dashboard-metrics

dashboardmetricsanalyticskpisaas
New

Automate 80% of pipeline work

Notifications

ui

HeroUI · brand-themed

Stacked notification cards.

notification-stack

alertnotificationupdatesrealtimeinbox

Timeline

diagram

Horizontal timeline with milestone dots.

timeline

timelineroadmapstepsmilestonesjourney

Conversion funnel

diagram

Marketing funnel with three tiers.

funnel

funnelconversionleadssalesmarketing

Integration hub

diagram

Central hub with connected app nodes.

integration-hub

integrationapiconnectecosystemplugins
68%

AI-native CRM that sells itself

Automate 80% of pipeline work

Progress ring

ui

HeroUI · brand-themed

Circular progress indicator with label.

progress-ring

progressgoalcompletiontaskpercent

Pipeline

3 rows
Account
Stage
Value

Data table

ui

HeroUI · brand-themed

Mini data table with header row.

table-preview

tabledatarecordscrmlist

Before / after

diagram

Split before and after panels.

before-after

beforeaftertransformimprovementupgrade

Workflow steps

diagram

Numbered workflow steps with connectors.

workflow-steps

workflowstepsprocessautomationsequence

24h

Setup

92%

Match

+38

Leads

Metric cards

ui

HeroUI · brand-themed

Row of three compact metric cards.

metric-cards-row

metricscardskpidashboardstats

AI-native CRM that sells itself

Automate 80% of pipeline work

Quote highlight

ui

HeroUI · brand-themed

Large quote mark with highlighted headline.

quote-highlight

quoteheadlinehighlightmessagevalue

Automate 80% of pipeline work

Product frame

ui

HeroUI · brand-themed

Browser-style product screenshot frame.

product-frame

productscreenshotappinterfacesaas

312%

AI-native CRM that sells itself

Automate 80% of pipeline work

KPI hero

ui

HeroUI · brand-themed

Oversized single KPI with title.

kpi-hero

metrickpigrowthstat
+48%

AI-native CRM that sells itself

Automate 80% of pipeline work

Growth badge

ui

HeroUI · brand-themed

Inline growth delta badge with caption.

growth-badge

metricgrowthpercentbadge

Revenue

$2.4M

+18% MoM

Revenue stat

ui

HeroUI · brand-themed

Revenue figure with MoM delta.

revenue-stat

metricrevenuemoneykpi

5× ROI

Automate 80% of pipeline work

vs previous quarter

ROI callout

ui

HeroUI · brand-themed

Filled ROI callout panel.

roi-callout

metricroiheroresult

72%

Before

94%

After

Percent split

ui

HeroUI · brand-themed

Two percentage cards side by side.

percent-split

metricpercentbeforeafter

Trusted by teams at

Acme
Nova
Orbit
Pulse
Ridge
Summit

Logo wall

ui

HeroUI · brand-themed

Grid of trusted brand marks.

logo-wall

prooflogostrustbrands

4.9

Automate 80% of pipeline work

Star review

ui

HeroUI · brand-themed

Five-star rating with score.

star-review

proofratingreviewstars
Case study

AI-native CRM that sells itself

3.2× pipeline

Automate 80% of pipeline work

Case study card

ui

HeroUI · brand-themed

Case study result highlight card.

case-study-card

proofcaseresultstory
SOC 2GDPR99.9% SLA

Trust badges

ui

HeroUI · brand-themed

Compliance and trust badge row.

trust-badges

proofsecuritycompliancetrust
A
M
R
J

2,400+ teams

Automate 80% of pipeline work

Avatar stack

ui

HeroUI · brand-themed

Stacked avatars with social count.

avatar-stack

proofsocialteamscommunity

Before

Manual follow-ups

VS

After

Automate 80% of pipeline wo…

VS split card

ui

HeroUI · brand-themed

Before vs after comparison cards.

vs-split-card

comparisonvsbeforeafter
FeatureUsThem
Automation
Analytics
Integrations

Competitor row

ui

HeroUI · brand-themed

Us vs them feature checklist.

competitor-row

comparisoncompetitivefeaturestable

Why teams switch

Automated follow-ups
Unified reporting
Automate 80% of pipeline wo…

Switch reason

ui

HeroUI · brand-themed

Why teams switch reason list.

switch-reason

comparisonswitchreasonsmigrate
Faster onboarding
Clear reporting
Fewer handoffs
Automate 80% of pipeline wo…

Checklist benefits

ui

HeroUI · brand-themed

Checked benefit rows.

checklist-benefits

benefitschecklistfeatures

Faster

Clearer

Smarter

Icon benefit row

ui

HeroUI · brand-themed

Three icon benefit tiles.

icon-benefit-row

benefitsiconsfeaturesrow
No setup feesLive supportCancel anytimeSOC 2

Benefit pills

ui

HeroUI · brand-themed

Wrapped benefit pill cluster.

benefit-pills

benefitspillstagsperks

Starter

$19

/mo

Popular

Pro

$49

/mo

Dual pricing

ui

HeroUI · brand-themed

Starter vs Pro pricing pair.

dual-pricing

pricingplanstierscompare
50% OFF

AI-native CRM that sells itself

$24$49

Offer badge card

ui

HeroUI · brand-themed

Discounted offer card with badge.

offer-badge-card

pricingofferdiscountpromo

30% OFF

Automate 80% of pipeline work

Discount strip

ui

HeroUI · brand-themed

Bold discount banner strip.

discount-strip

pricingdiscountpromobanner
1

Connect

2

Automate

3

Measure

Numbered steps

ui

HeroUI · brand-themed

Three numbered horizontal steps.

numbered-steps

processstepssequenceguide

01

Discover

02

Build

03

Launch

Process cards

ui

HeroUI · brand-themed

Numbered process card row.

process-cards

processstepscardsworkflow
PlanShipScale

Roadmap strip

ui

HeroUI · brand-themed

Progress bar with roadmap labels.

roadmap-strip

processroadmapprogressplan

AI-native CRM that sells itself

2 events
MTWTFSS
12
13
14
15
16
17
18

Calendar preview

ui

HeroUI · brand-themed

Mini week calendar UI.

calendar-preview

productcalendarscheduleui
A

Can we automate follow-ups?

Automate 80% of pipeline work

Chat thread

ui

HeroUI · brand-themed

Two-bubble chat thread.

chat-thread

productchatmessagesui

AI-native CRM that sells itself

Takes less than a minute

Work email
Company

Form card

ui

HeroUI · brand-themed

Simple form card with submit.

form-card

productformsignupcta

Pipeline

3 accounts
A
Acme Corp
Hot
N
Nova Labs
Open
O
Orbit Inc
Open

CRM list

ui

HeroUI · brand-themed

CRM account list with status.

crm-list

productcrmpipelinelist

Inbox

New reply from Alex
Automate 80% of pipeline work

Inbox preview

ui

HeroUI · brand-themed

Inbox notification preview.

inbox-preview

productinboxnotificationsui

AI-native CRM that sells itself

Automate 80% of pipeline work

CTA banner

ui

HeroUI · brand-themed

Primary CTA banner with button.

cta-banner

ctaheroconvertaction

AI-native CRM that sells itself

Automate 80% of pipeline work

Value prop card

ui

HeroUI · brand-themed

Short value proposition card.

value-prop-card

ctavaluemessagehero

Primary button

ui

HeroUI · brand-themed

Single filled call-to-action button.

cta-button-primary

ctabuttonactionconvert

Outline button

ui

HeroUI · brand-themed

Outlined call-to-action button.

cta-button-outline

ctabuttonsecondaryaction

CTA pill pair

ui

HeroUI · brand-themed

Primary and secondary action pill buttons.

cta-pill-pair

ctarsvpdualaction
Limited time

Badge pill

ui

HeroUI · brand-themed

Compact promotional badge pill.

badge-pill

badgelabeloffertag

hello@company.com

(555) 010-0200

Contact row

ui

HeroUI · brand-themed

Contact details row for cards and invites.

contact-row

contactemailphonefooter

Code thinking

illustration

unDraw · unDraw license

Developer at work — AI and automation themes.

undraw-code-thinking

aiautomationdevelopersmartnative

Group chat

illustration

unDraw · unDraw license

Team group chat conversation.

undraw-group-chat

chatsupportconversationteamcollaboration

Chatting

illustration

unDraw · unDraw license

Friendly chat support scene.

undraw-chatting

chatsupportassistantconversationmessaging

Online revenue

illustration

unDraw · unDraw license

Revenue growth and online sales.

undraw-online-revenue

growthsalesroirevenuemetric