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

Banners

Used to display an important message at the top or bottom of the page

Banner For Cookies

Figma

Banner For Newsletter

Figma

Banner With Two Buttons

Figma