Build performant, accessible, and beautiful websites with ease.
Field
This make take a while
Spinner
Switch
Pin Input
Enhance your stack with Dreamy UI
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 w="full" 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>
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