This is a dream!

Create dream websites with
next-gen DX and crispy UI

Build performant, accessible, websites with ease.

Pin Input

Radio

Dreamy UI
Panda CSS

Input

Spinner

Built for modern, reliable websites

Enhance your stack with Dreamy UI

Built on top of Panda CSS

Panda CSS is a powerful, flexible CSS-in-JS library that allows to build performant, build-time styles using style props.

Recipes. Generates css for only what you use.

No runtime styles. Styles are generated at build time.

CSS-in-JS. Amazing DX, while keeping the best performance.

<Flex col wFull gap={4}>
    <Heading size="4xl">
        Built on top of Panda CSS
    </Heading>
    <Text size="lg">
        Panda CSS is a powerful, flexible CSS-in-JS library that allows you to build
        performant, build-time styles using style props.
    </Text>
</Flex>

Everything youneed

Featured component library for your app

Components

A wide range of components to choose from

Customization

Customize components to your liking

Easy dark mode

Dark mode is supported out of the box

React server components

Components compatible with RSC

Smooth animations

Beautiful smooth animations

No runtime styles

Styles are generated at build time