Animated visuals.

60 animated illustrations from CodedVisuals, included with Buildkit. Drop one into any block's visual slot.

AI and connections

Systems that talk to each other. Agents, voice, pipelines, and a world of traffic.

Globe

A rotating globe for regions, edge networks, and global teams.

Agent flow

An agent plans, calls its tools, and hands back an answer.

Voice

A live voice session with a waveform that follows the speaker.

Pipeline

Data moving through each stage, with pulses along the paths.

Converge

Many sources flowing into one place.

Integrations hub

Connected tools orbiting a central node.

Developer

For products that ship code. Editors, terminals, and snippets.

Code snippet

A short, highlighted example that types itself in.

Terminal

A command and its output, with install, deploy, and test runs.

Code editor

Syntax-highlighted code that fills in line by line.

Devices and browsers

Your product, on every screen. Laptops, phones, tablets, and browser windows.

Laptop

A laptop that opens onto a landing page or a dashboard.

Phone

A phone with an app, home screen, or lock screen.

Tablet

The same screens, sized for a tablet.

Browser

A browser window framing a page.

Browser loading

A page that loads in from skeleton to content.

Charts and payments

Numbers that draw themselves in. Every series takes its color from the chart tokens.

Line chart

A trend with a headline value and its change.

Bar chart

Bars that grow in one after another.

Mini panel

A compact dashboard of headline stats.

Credit card

A payment card that settles into place, for checkout and billing.

Teamwork

Work that moves forward together. Boards, checklists, people, and activity.

Kanban

Cards that move across columns as work progresses.

Checklist

Tasks that tick themselves off one by one.

Activity feed

A stream of what your team just did.

Activity timeline

Steps in order, with the current one in progress.

Avatar stack

Overlapping avatars with presence status.

Avatar grid

A team laid out in a grid.

Email and notifications

Messages that arrive on cue. Inboxes, drafts, toasts, and alerts.

Inbox

New mail landing at the top of the list.

Compose

A draft that writes itself and sends.

Toast

A success, warning, or info message that slides in.

Bell

A bell that rings with an unread count.

Notification list

A stack of updates, newest first.

Files

Everything in its folder. Explorers, uploads, and file icons.

File explorer

A folder tree that opens onto its files.

Upload

A file dropped in, with progress to done.

File

A single file icon, labeled by extension.

Stacked files

A fanned stack of documents.

.mp4 file

A video file icon.

Logos and states

The edges of the experience. Partner logos, empty pages, and failures.

Logo orbit

Partner logos circling your own.

Logo marquee

An endless row of partner logos.

Not found

A 404 that still feels like part of the product.

Error

A server error with a signal that flatlines.

Page sections

A thumbnail for every section. Wireframes for showing off templates and page builders.

Hero

Headers

Features

Bento

Pricing

Testimonials

Stats

Logos

Call to action

FAQ

Team

Process

Timeline

Blog

Blog post

Comments

Newsletter

Contact

Auth

Components

Backgrounds

Footers

Error