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

Get started with Blocks

Explore our collection of building blocks to help you design and develop faster.

Banners

3 variants

Cards

5 variants

Footers

1 variant