Design system used by Whop
Warning
The design system is still a work in progress so you can expect some breaking changes.
Install Frosted UI:
$ pnpm add frosted-uiImport the global CSS file at the root of your application:
import 'frosted-ui/styles.css';Add the Theme component:
import { Theme } from 'frosted-ui';
export default function () {
return (
<html>
<body>
<Theme>
<MyApp />
</Theme>
</body>
</html>
);
}Frosted UI is heavily based on Radix Themes design system and Radix Icons.