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.

Docs

React

Solid

Vue

Blocks

Footers

Used to display a footer at the bottom of the page

Footers

Footer With Social