Skip to content

whopio/frosted-ui

Repository files navigation

Frosted UI

Design system used by Whop

Warning

The design system is still a work in progress so you can expect some breaking changes.

Screenshot 2023-12-07 at 13 11 26

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.