@pr0gramm/design-system

The react design system that powers pr0gramm.com built with StyleX. Assumes react, react-dom and react-router.

Links:

• Demo/Showcase
• API-Docs

Installation

npm i @pr0gramm/design-system

Usage with Vite + React

1. Install StyleX + StyleX for Vite: npm i -D vite-plugin-stylex @stylexjs/stylex

2. Use StyleX plugin in vite.config.ts:

import styleX from "vite-plugin-stylex";

export default defineConfig({
  plugins: [
    react(),
    styleX({
      libraries: ["@pr0gramm/design-system"],
    }),
  ],
});

3. Add this to index.css: @stylex stylesheet;