Frosted-ui NPM

!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.

@internationalized/date @radix-ui/colors @radix-ui/primitive @radix-ui/react-accessible-icon @radix-ui/react-accordion @radix-ui/react-alert-dialog @radix-ui/react-aspect-ratio @radix-ui/react-avatar @radix-ui/react-checkbox @radix-ui/react-context-menu @radix-ui/react-dialog @radix-ui/react-direction @radix-ui/react-dropdown-menu @radix-ui/react-hover-card @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-portal @radix-ui/react-progress @radix-ui/react-radio-group @radix-ui/react-scroll-area @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slider @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tabs @radix-ui/react-tooltip @radix-ui/react-use-callback-ref @radix-ui/react-visually-hidden @react-aria/calendar @react-aria/datepicker @react-aria/focus @react-aria/i18n @react-aria/utils @react-stately/calendar @react-stately/datepicker classnames input-otp react-aria-components tailwindcss tslib

@everything-registry/sub-chunk-1705

5 days ago

5 days ago

6 days ago

6 days ago

6 days ago

21 days ago

30 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

10 months ago