Design samples

All SVGs

GIF Piker async

GIF Piker

Emoji Piker

Users list

John Doe

Vedat Babaoğlu

Ariadne Sibma

Coşkun Sözeri

Calum Alison

April Gonzales

Romane Jean

Deborah Richardson

Sohan Boyer

Arjun Van Rhijn

Outline icon

Alerts

My first dismissible text alert

My first just a text alert

My first no icon alert

My first no underline alert

My first alert

Submission error Wrong nonce

Submission error Wrong nonce. More details

My first warning

My first success

My first dismissible alert

Lazy load

Avatars list

Range

Date range 1

to

Date range 2

to

Time range 1

to

Time range 2

to

Test 5

Test 5: 30

Test 5.2

Test 6

Test 6: 5 – 50

Test 7

File extensions

jpg

png

svg

docx

xml

Progress bar

0%

0%

80%

30%

Uploader

Common upload

Click to upload or drag and drop Maximum upload file size: 8 MB.

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Common upload but custom text in dropzone

lorem ipsum

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Common upload but limited by size

Click to upload or drag and drop Maximum upload file size: 1 MB.

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Image upload

Click to upload or drag and drop JPG, JPEG, JPE, GIF, PNG, BMP, TIFF, TIF, WEBP, AVIF, ICO or HEIC.
Maximum upload file size: 8 MB.

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Image upload but custom text in dropzone

lorem ipsum

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Image upload but limited by size

Click to upload or drag and drop JPG, JPEG, JPE, GIF, PNG, BMP, TIFF, TIF, WEBP, AVIF, ICO or HEIC.
Maximum upload file size: 1 MB.

{{{extension}}}

{{{name}}}

{{{supporting}}}

0%

Buttons

Preview

Links

Preview

User data

Default current user

User by ID

User by ID + supporting text

Badges

Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label

Pagination

Pageof 5

Previous

1 2 3 4 5

Next

Pageof 25

Previous

1 2 3 … 8 … 23 24 25

Next

Avatars

Guest

Clickable

s

m

l

xl

Figma palette

25

50

100

200

300

400

500

600

700

800

900

AJAX loaders

m

l

xl

Form

Dropdown

Card component

Card title2

CONTENT2

View

Card title3

CONTENT3CONTENT3CONTENT3CONTENT3CONTENT3CONTENT3 CONTENT3CONTENT3CONTENT3CONTENT3CONTENT3

View

CONTENT4CONTENT4CONTENT4CONTENT4CONTENT4CONTENT4 CONTENT4CONTENT4CONTENT4CONTENT4CONTENT4

View