Make it yours

Copy and paste the following code into your config file.

import { defineConfig } from '@pandacss/dev'
import { createPreset } from '@park-ui/panda-preset'

export default defineConfig({
  preflight: true,
  presets: [
    '@pandacss/preset-base',
    createPreset({
      accentColor: 'neutral',
      grayColor: 'neutral',
      borderRadius: 'sm',
    }),
  ],
  include: ['./src/**/*.{js,jsx,ts,tsx,astro,vue}'],
  jsxFramework: 'react',
  outdir: 'styled-system',
})

Examples

Check out a few examples

Get inspired by our examples and use them to kickstart your own projects.

Banners

3 variants

Cards

5 variants

Footers

1 variant