tools · aidimension UI

Button

ui

6 variants, 4 sizes, asChild support

Acme Inc

+12%

$2,420 this week

Card

ui

Header, content, footer, action slot

DefaultSecondaryOutlineDestructive+24%

Badge

ui

9 variants, icon support

Input

ui

Styled text input with focus ring

AB

CD

EF

GH

Avatar

ui

Image + initials fallback

or

Separator

ui

Horizontal or vertical divider

Confirm action

This cannot be undone.

Dialog

ui

Modal with backdrop + focus trap

Tabs

ui

Underline / pill variants

Notifications

Switch

ui

Toggle on / off

Slider

ui

Single or range value

Helpful tip

Tooltip

ui

Hover-revealed popover

Filter

Drafts Archived

Popover

ui

Click-revealed panel

Acme Corp

Globex

Initech

Stark Ind.

Combobox

ui

Searchable select with keyboard nav

June 2026

S

M

T

W

T

F

S

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

Date Picker

ui

Input + popover calendar

…

Pagination

ui

Page numbers with prev/next

1Plan

2Build

3Ship

Steps

ui

Stepper / progress indicator

Saved

Just now

Toast

ui

Auto-dismissing notifications

Skeleton

ui

Loading placeholder

Y

What can aidimension UI do?

J

32 UI primitives, 22 AI components, 18 apps.

Message

ai

Chat bubble with role + avatar

attachweb

Prompt Input

ai

Auto-grow textarea + submit

export function hello() {
  return "world";
}

Code Block

ai

Lightweight syntax highlighting

Research Agent

running

Finds and verifies sources.

Agent Card

ai

Agent status + description

Aurora

block

Animated gradient mesh

Grid Pattern

block

SVG grid background

AcmeGlobexInitechStarkWayneUmbrella

Marquee

block

Infinite scrolling strip

12,847

Count Up

block

Animated number

Tilting card

Move your mouse

Tilt 3D

block

Mouse-tilting card

Big

Sm

Wide

Bento Grid

block

Mixed-size feature grid

AcmeGlobexInitechStark

Logo Cloud

block

Row of brand names

Hobby

$0

Pro

$19

Pricing

block

Tiered plans

Browse all components