Frosted UI
Design system used by Whop
Storybook - Figma UI kit - Source code
[!WARNING] The design system is still a work in progress so you can expect some breaking changes.
Getting Started
Install Frosted UI:
$ pnpm add frosted-ui
Import 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>
);
}
Guides
Acknowledgments
Frosted UI is heavily based on Radix Themes design system and Radix Icons.