React

Solid

Vue

Make it yours

Pick the style you want and copy the configuration to your project.

Font Family

Jakarta

Inter

Outfit

Raleway

Roboto Mono

Gray Color

neutral

mauve

olive

sage

sand

slate

Accent

neutral

tomato

red

ruby

crimson

pink

plum

purple

violet

iris

indigo

blue

cyan

teal

jade

green

grass

bronze

gold

brown

orange

amber

yellow

lime

mint

sky

Radius: sm

Make it yours

Copy and paste the following code into your panda.config.ts and update if needed.

React

Solid

Vue

Blocks

Cards

Used to display a collection of items in a grid

Card Authentification

Figma

Card Issue

Figma

Card Notification

Figma

Card Payment

Figma

Card Shop

Figma