@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

1npm 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:

1import styleX from "vite-plugin-stylex";
2
3export default defineConfig({
4  plugins: [
5    react(),
6    styleX({
7      libraries: ["@pr0gramm/design-system"],
8    }),
9  ],
10});

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