Announcement:Now available on Figma. To download click here.

Button

Buttons allow users to take actions, and make choices, with a single tap.

Interactive Demo

Examples

Modifiers

  • Style

  • Size

  • Size

Alerts

Information Alert
Information Alert

This is the optional description for this alert.

Success Alert

This is the optional description for this alert.

Error Alert

This is the optional description for this alert.

Warning Alert

This is the optional description for this alert.

Badges

Badge
25
25

Accordions

Multi-toggle
Accordion Heading Two

Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.


Single-toggle
Accordion Heading One

Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.


Toggle

Buttons

Overlay

Back to Top

Checkboxes

Radio Buttons

Counter

3

Inputs

Chats

Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.

Footer

Juan Encalada

A self-proclaimed full-stack designer whose passion is delivering enjoyable experiences from concept to execution.

Lists

  • New Comment

    Joseph Schultz commented on your post

  • New Teammate

    Eugene To was added to your team

  • New Comment

    Monica Encalada commented on your post

  • Dark Mode

    Introducing dark mode for Snow Cone Design System

  • New Mention

    Eugene To mentioned you in a post

Progress Ring

75%

33%

Calendar

February

S

M

T

W

T

F

S

29

30

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

31

1

2

Pagination

1

2

24

25

26

49

50

@Mentions

Hi @FirstLastname, this is an @mention.

News Card

Dropdown Menu

Tags

Architecture
JavaScript

Tooltips

Cooltip Tooltip

Hello, this is a super duper helpful tooltip to help you do super amazing things!

Awesome Feature

Hello, this is a super duper helpful tooltip to help you do super amazing things!

Home

Menu

Close

Overflow Vertical

Overflow Horizontal

Apps

Apps 2

Settings

Theme

Search

Play

Pause

Stop Circle

Headphones

Music

Moon

Lightbulb

Bolt

Bluetooth

WiFi

Plane

ID Card

Credit Card

Password

User

Users

Profile

Heart

Star Rating

Layers

Pointer

Send

Eye

Brightness Max

Brightness Mid

Brightness Min

AR

Inbox

Code

Arrow Up

Arrow Right

Arrow Down

Arrow Left

Redo

Undo

Calendar

Alarm

Text Left

Text Center

Text Right

Document

Chart Pie

Chart Bar

Chart Line

Calculator

Warning

Outage

Verified

Information

Danger

Help

Remove

Add

Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Hey man, how's it going?
I hope you and the family are doing well! Say hello to everyone for me. I hope to see y'all soon.
Dialog Heading